網站接入百度地圖

現在html裏面定義一個id盒子

<div id="maps"></div>

接下來引入百度js文件:

<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=IqqChZ4B0uzoth1C2YpdRD78ZcgsIorC"></script>
 <script>
    var map = new BMapGL.Map('maps');
    var point = new BMapGL.Point({label:ip});
    map.centerAndZoom(point, 18);
    map.enableScrollWheelZoom(true);  
    // 創建點標記
    var marker = new BMapGL.Marker(point);
    map.addOverlay(marker);
    // 創建信息窗口
    var opts = {
        width: 200,
        height: 100,
        title: '{pboot:companyname}'
    };
    var infoWindow = new BMapGL.InfoWindow('地址：{pboot:companyaddress}', opts);
    // 點標記添加點擊事件
    marker.addEventListener('click', function () {
        map.openInfoWindow(infoWindow, point); // 開啓信息窗口
    });
</script>