html引用百度地图API

百度地图的API为：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=67jMQ5DmYTe1TLMBKFUTcZAR"></script>

下面为完整的html代码：

<!DOCTYPE <html>
<head><title>map</title><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=67jMQ5DmYTe1TLMBKFUTcZAR"></script><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div id="map"><div style="width: 80%; height: 800px;" id="mymap"></div>
</div>
<script type="text/javascript">$(function(){showMap(113,23); //初始坐标})//传入坐标，然后跳转到该位置function showMap(x, y) { var map = new BMap.Map("mymap");map.centerAndZoom(new BMap.Point(x, y), 15); //坐标，放大倍数//显示左上角的辅助栏map.addControl(new BMap.NavigationControl());//创建小红点var marker = new BMap.Marker(new BMap.Point(x, y));map.addOverlay(marker);//穿件创建小红点上的提示框var infoWindow = new BMap.InfoWindow("<p>名字:风玡</p><p>phone:12345678911</p>");marker.addEventListener("click", function(){this.openInfoWindow(infoWindow);})}
</script>
</body>
</html>

html引用百度地图API相关推荐

Vue引用百度地图API
Vue引用百度地图API 一. 通过官网申请ak 1. 打开百度地图官网,在开发文档中找到JavaScript API 2.点击账号和获取密钥 3.按照页面步骤操作即可二. 通过模块化引入 1. 安 ...
引用百度地图API完成热力图
近期肺炎疫情信息闹的火热,就该情况完成来沪人员分布热力图以及标注确诊患者足迹.就开发研究中遇到的问题以及解决方案做一下记录,如下所示: 一.效果示意图简述完成效果:百度地图引入,增加热力图,添加比例 ...
百度地图API —— Hello World！
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html> <head> <meta name=& ...
百度地图API开发指南
百度地图API开发指南本文为百度地图API官方版本的开发指南,供各位51CTO的网友进行参考. 简介什么是百度地图API? 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮 ...
Vue项目中使用百度地图API
百度地图官方文档 1. 申请百度账号和ak 申请 2. 引用百度地图API文件 <script type="text/javascript" src="https: ...
百度地图API的使用教程以及案例
百度地图API的使用教程以及案例一.注册百度地图:掌握当前的位置在网页显示位置,插入地图拖拽,点击事件. 注意:定位距离公交不关心官网: 点我进入百度地图官网应用场景:网页插入百度地图 ...
百度地图API的第一次接触
因为项目的需求,第一次接触了百度API. 第一步:引用百度地图API的脚本如果在局域网环境中,要把地图文件和js文件都要下载下来 <script type="text/javascr ...
Vue项目使用百度地图api
目录 1.百度开发者认证 2.创建应用 3.引用百度地图API文件 4.展示地图 1.百度开发者认证进入百度地图开放平台官网,(认证需要身份证号码,人脸识别,手机百度APP,邮箱地址) 注册登录完 ...
百度地图api开发详解(android版).pdf,百度地图API开发指南原版.pdf
百度地图API开发指南原版百度地图 API 开发指南百度地图 API 开发指南目录简介 3 什么是百度地图 API 3 面向的读者 3 获取 API 3 开发移动平台上的地图应用 3 兼容性 ...

html引用百度地图API

html引用百度地图API相关推荐

最新文章

热门文章