百度地图的基本使用方法

使用

我们需要在百度地图开放平台注册认证，获取密钥，在页面引入 然后才能开始使用

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

简单地图

创建一个地图需要一个容器（可以定义地图的宽高）

<div id="container"></div>
<style type="text/css">
      #container {
   
        height: 600px;
        width: 800px;
      }
      /*容器地图的宽高  */
</style>

然后在官方文档中复制并写入script中

 <script type="text/javascript">
      var map = new BMapGL.Map("container"); //与容器的id一致container
      // 创建地图实例
      var point = new BMapGL.Point(113.6648, 34.7835);
      // 创建点坐标
      map.centerAndZoom(point, 17);
 </script>

功能

我们可以对创建的地图添加系列的功能 如：鼠标滚轮缩放、 添加点、画圈、添加文本标注、多边线、 范围面积 等等

1. 鼠标滚轮缩放：
   添加鼠标轮缩放只需要在script中添加一句话 添加完地图就可以轮滚缩放了

map.enableScrollWheelZoom(true);

2. 添加点：
   若要在我们的地图中添加一个点我们可以写入

 var marker = new BMapGL.Marker(point);  
 map.addOverlay(marker); 

这样地图中就有一个点了
还可以让这些点连接起来
想要实现这个目的需要一个记录点坐标的数组

var lineArr = [];
        // 记录上一个个
        var last =