场景

Leaflet中原生方式实现测距：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122358379

Leaflet中原生方式实现测量面积：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122358946

在上面原生方式实现测距测面的效果下，怎样通过插件的方式实现效果。

leaflet-measure插件地址：

https://github.com/ljagis/leaflet-measure

官方示例地址:

http://xiaobaibai521.gitee.io/leaflet-measure-path/example/

本地运行效果

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、按照官方示例引入所需的js、css文件等

2、新建html，参考其官方代码修改如下

"en">


    "UTF-8">
    
    "stylesheet" href="https://unpkg.com/leaflet@1.0.1/dist/leaflet.css" />
    "stylesheet" href="./css/leaflet-measure-path.css">
    



    
"map">