这篇文章主要介绍Leaflet中如何动态勾画polygon，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
Leaflet是适用于桌面端和移动端交互地图的开源JavaScript类库。JS库的大小经过压缩后有38k左右，拥有开发者需要的全部地图功能。
Leaflet保持着简单、性能和实用性的设计思想。可以在所有主要的桌面和移动端平台上高效的运转，可以扩展插件，它有一个漂亮、易用和文档清晰的API，有一个简单、易读的源代码。
下边根据代码，简单列举一下如何在地图上动态标绘polygon:
模式是点击按钮开始画polygon，左键每点击一次，动态变化polygon，在地图上双击，结束标绘。
计算
安全
数据库
网络和加速
企业服务
$(document).ready(function () {
//在按钮中设置启动标绘
$("#_createBtn").click(function (e) {
//添加地图上的左键、鼠标双击事件
map.on('click', MapLeftClick);
map.on("dblclick", MapDoubleClick);
//定义地图的polygon对象，初始化传入空数组，设置颜色等属性
_polygon = L.polygon(_pointArr, {
color: 'red',
fillColor: '#f03',
fillOpacity: 0.5
});
//将polygon添加到地图上
_polygon.addTo(map);
});
});
var _polygon = null;
var _pointArr = new Array();
//双击结束地图标绘
function MapDoubleClick(e)
{
//关掉地图的鼠标点击事件
map.off('click', MapLeftClick);
map.off("dblclick", MapDoubleClick);
alert("doubleClick");
}
//启动地图左键事件
function MapLeftClick(e) {
//每点击一下在地图上画一个小红点
L.circleMarker(e.latlng, {
radius: 2,
color: 'red'
}).addTo(map);
//polygon上动态添加点
_polygon.addLatLng(e.latlng);
}以上是“Leaflet中如何动态勾画polygon”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
原文链接：https://my.oschina.net/u/4599572/blog/4637004
