使用Vue和Leaflet实现在地图绘制矩形区域

最新推荐文章于 2025-04-16 11:03:07 发布

坠入云幕间KN

最新推荐文章于 2025-04-16 11:03:07 发布

阅读量1.8k

点赞数

分类专栏： gis Leaflet Vue

本文链接：https://blog.youkuaiyun.com/qq_42341467/article/details/121570544

版权

vue gis arcgis

Leaflet中文网

效果图

效果图
鼠标左键按下—>拖动开始绘制区域–>松开绘制完成
(效果跟window桌面拖动出现的框框一样) 😃

直接上代码

	 //地图初始化
      initMap () {
   
          this.map = L.map('chinaMap', {
   
              layers: [
                  new L.TileLayer("https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}")
              ],
              center: [39.77642556850833, 116.41113281250001],
              zoom: 4,
              minZoom