百度地图API使用-支持https网站

in 网站 with 0 comment

一 申请AK

百度地图开放平台地址:http://lbsyun.baidu.com/
顶部进入控制台,创建“服务端”应用

二 页面使用

1 页面引入百度地图api的js

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={你的秘钥AK}&s=1"></script`

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); //转到该点位置