网站接入百度地图

现在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>