您现在的位置是:网站首页 > 心得笔记

https网站上使用百度地图API

盛悦2019-04-15585人围观
简介百度地图的使用范围很广泛,在很多网站上都会应用到,这里我就总结下自己关于在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); //转到该点位置