Leaflet地图插件Leaflet.pm使用

包括了绘制图形(矩形,多边形,标记,线条),设置图形样式,监听地图中心点缩放比例,监听图形绘制等基本用法

网址:leaflet.pm - npm (npmjs.com)

initMap(){
      this.map.pm.setLang('zh')               //leaflet pm
      this.map.pm.addControls({               //leaflet pm控件(绘制图形)
        position: 'topright',
        drawPolygon: true, // 绘制多边形
        drawMarker: true, //绘制标记点
        drawCircleMarker: false, //绘制圆形标记
        drawPolyline: true, //绘制线条
        drawRectangle: true, //绘制矩形
        drawCircle: false, //绘制圆圈
        editMode: false, //编辑多边形
        dragMode: false, //拖动多边形
        cutPolygon: false, // 添加一个按钮以删除多边形里面的部分内容
        removalMode: true // 清除多边形
      })
 
      this.map.on('zoomend', e => {            //leaflet pm的zoom监听函数
        this.mapCenter = t
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值