前端开发:百度地图BMap鼠标绘制线，结束后生成多边形覆盖物

之前做项目时需要在百度地图上自定义选择区域，最后在DrawingManager开源库上实现的，感觉比较实用，现在没事来记录一下，以备不时之需，仅适用于web版百度地图。

使用百度地图需先申请密钥（ak），这点百度教程很多就不说了，在网页中输入以下内容即可使用百度地图：

<script src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥" type="text/javascript"></script>

• 1、初始化百度地图：

• 2、引入DrawingManager—鼠标绘制工具条库：

  http://lbsyun.baidu.com/index.php?title=open/library（开源库文档）

  http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js

  http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css

在页面中引入上述的js和css，可以复制下来在本地引入（推举），引入后再输入如下代码初始化鼠标绘制工具：

• 3、监听绘制线完成后触发的事件，实现鼠标绘制线，结束后生成多边形覆盖物的功能

在创建多边形覆盖物时，我添加了一个单击事件，用来开关多边形编辑，不需要的可以去掉

最后放上效果图：

实现前

实现后

DrawingManager本身也有多边形绘制功能，但是不是我想要的，所有对绘制线进行了一点改造来实现。