网页引入百度地图

第一步创建div

<div class="map">
            ---地图显示---
        </div>
        <div id="container">
</div>

第二部编写css样式

/* 创建地图实例 */
    #container {
        height: 500px;
        width: 100%;
        background: #eee;
    }

第三步引入js

<script type="text/javascript"
            src="https://api.map.baidu.com/api?v=2.0&type=webgl&ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO"></script>

<script>
            var map = new BMapGL.Map("container");//创建地图实例
            var point = new BMapGL.Point(113.65853, 34.77813);//创建坐标点
            map.centerAndZoom(point, 15);//初始化地图，设置中心点坐标和地图级别
            map.enableScrollWheelZoom(true);//开启鼠标滚轮缩放
            // var myIcon = new BMapGL.Icon("../img/dw.png", new BMapGL.Size(30, 50), {});
            //创建标注对象并添加到地图
            var marker = new BMapGL.Marker(point, {
                icon: myIcon
            });
            map.addOverlay(marker);
        </script>