leaflet使用draw插件测量距离和面积

官网在线例子

draw插件在线预览
我的测量预览图:
leaflet使用draw插件测量距离和面积_第1张图片
按照文档给出的例子,先引入这个插件,采用import形式

import "leaflet-draw";
import "leaflet-draw/dist/leaflet.draw.css";

初始化使用插件

//添加画图的提示信息
   L.drawLocal.draw.handlers.polyline = {
   
      tooltip: {
   
        start: "点击地图开始画线",
        cont: "继续选择",
        end: "双击完成绘制"
      }
    };
    L.drawLocal.draw.handlers.polygon = {
   
      tooltip: {
   
        start: "点击地图开始绘制多边形",
        cont: "继续选择",
        end: "点击第一个顶点完成绘制"
      }
    };
 /**
   * 绘制多边形
   */
  drawPolygon() {
   
    let map = this.map;
    let polygon = new L.Draw.Polygon(map, {
   

你可能感兴趣的:(webgis,vue)