前端页面引入百度地图js

1. 取到位置经纬度，网址：创建地图
   

2. 根据开发文档指示创建账号，密钥，将经纬度带入 （ 百度地图开发文档 ）
   （地图级别越高越清晰）
   

3. 增加控件

   <div style="height:500px;">
       <div id="container" style="height: 100%;">
       </div>
   </div>
   
   <script type="text/javascript">
           var map = new BMapGL.Map("container");  //创建地图实例 
           var point = new BMapGL.Point(116.444, 39.44);     //创建点坐标 
           map.centerAndZoom(point, 17);    //初始化地图，设置中心点坐标和地图级别   
           var marker = new BMapGL.Marker(point);    //创建标注   
           map.addOverlay(marker);  
           map.enableScrollWheelZoom(true);  //鼠标滚轮
           var scaleCtrl = new BMapGL.ScaleControl();  //添加比例尺控件
           map.addControl(scaleCtrl);
           var zoomCtrl = new BMapGL.ZoomControl();  //添加缩放控件
           map.addControl(zoomCtrl);
           var cityCtrl = new BMapGL.CityListControl();  //添加城市列表控件
           map.addControl(cityCtrl);
   </script>
   

4. 个性化地图

   百度地图
   个性化地图网址