Leaflet | draw 绘图插件

<linkrel="stylesheet"href="leaflet/leaflet.css" /><scriptsrc="leaflet/leaflet.js"></script><linkrel="stylesheet"href="Leaflet.draw-0.4.14/dist/leaflet.draw.css" /><scriptsrc="Leaflet.draw-0.4.14/dist/leaflet.draw.js"></script>

var map = L.map('map', {  center: [51.505, -0.09],  zoom: 11});// 创建一个要素组图层用于保存绘制的几何要素var editableLayers = new L.FeatureGroup();map.addLayer(editableLayers);// 定义绘图控件属性var drawControl = new L.Control.Draw({  edit: { //编辑工具栏    featureGroup: editableLayers, //必须指定编辑的图层  },});// 将绘图控件添加到地图容器map.addControl(drawControl);// 将绘制的几何要素添加到 editableLayers 图层中map.on(L.Draw.Event.CREATED, function (event) {  var layer = event.layer;  editableLayers.addLayer(layer);  getSaveGeoJSON();});// 将 editableLayers 图层的几何要素输出为 GeoJSON 数据function getSaveGeoJSON() {  var saveGeoJSON = editableLayers.toGeoJSON();  console.log(saveGeoJSON)}