leaflet地图原理_leaflet绘制区域(仿高德地图效果)

效果：

脚本：

var map = L.map('map', {

center: [25.1026993454,102.9312515259], // 地图中心点(昆明)

zoom: 16, // 地图缩放层级

zoomControl: false, // 缩放

doubleClickZoom: false, // 禁止双击放大

attributionControl: false // 版权

});

var kmgLayer = L.tileLayer.wms('wms切片图层地址', {

layers: 'airport:kmg',

format: 'image/jpeg',

transparent: false

});

map.addLayer(kmgLayer);

// 绘制区域

var layerObj = {};

function drawPolygon() {

var points = [],

points_length = 0,

polyline,

polygon;

// 单击

var clickFlag,

clickTimes = 1,

isDrag = false;

map.on('mousedown', function(e) {

map.off('mousemove')