百度地图API初次使用总结

 百度地图官网申请后 添加秘钥以及白名单 

        使用代码如下

    
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=你的秘钥"></script>

<script type="text/javascript">
    var prefix = ctx + "subscribe/subscribe";
    var map = new BMapGL.Map("container");
    // 创建地图实例

    var point = new BMapGL.Point(114.31, 30.52);
    // 创建点坐标

    map.centerAndZoom(point, 8);
    // 初始化地图，设置中心点坐标和地图级别

    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    var point = new BMapGL.Point(经度, 纬度);
    // 创建点坐标
    var marker = new BMapGL.Marker(point);  // 创建标注
    map.addOverlay(marker);
    //创建窗口信息
    var opts = {
        width: 80,     // 信息窗口宽度
        height: 30,    // 信息窗口高度
        title: '标题'  // 信息窗口标题
    }
    var infoWindow = new BMapGL.InfoWindow(`提示信息`, opts);  // 创建信息窗口对象
    // infoWindow.disableCloseOnClick();//关闭功能 ----- 点击其他地方关闭信息窗口
    map.openInfoWindow(infoWindow, point);        // 打开信息窗口
    marker.addEventListener("click", function(){
    map.openInfoWindow(infoWindow, point); //开启信息窗口
});
</script>