您现在的位置是:网站首页 > 心得笔记
https网站上使用百度地图API
简介百度地图的使用范围很广泛,在很多网站上都会应用到,这里我就总结下自己关于在https下使用百度地图API的实例
一、申请AK
百度地图开放平台地址:http://lbsyun.baidu.com/
顶部进入控制台,创建“服务端”应用
二、页面使用
1、页面引入百度地图api的js
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=自己申请的秘钥&s=1"></script>
注意:这里的s=1,代表引入的是https
2、div标签
<div id="allmap" style="width: 504px;height: 310px"></div>
3、js代码
<script type="text/javascript">
// 百度地图API功能
var ggPoint = new BMap.Point({BD09百度坐标系}); //地图初始化
var bm = new BMap.Map("allmap");
bm.centerAndZoom(ggPoint, 18);
bm.addControl(new BMap.NavigationControl()); //添加gps marker和label
var markergg = new BMap.Marker(ggPoint);
bm.addOverlay(markergg); //添加GPS marker
var marker = new BMap.Marker(ggPoint);
bm.enableScrollWheelZoom(true); //开启鼠标滚轮缩放</script>
4、修改坐标点
bm.clearOverlays();
var new_point = new BMap.Point({BD09百度坐标系});
var marker = new BMap.Marker(new_point); // 创建标注
bm.addOverlay(marker); // 将标注添加到地图中
bm.panTo(new_point); //转到该点位置