码迷,mamicode.com
首页 > 其他好文 > 详细

leaflet 自定义 featurelayer的 popup

时间:2020-07-13 09:53:39      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:span   relay   Fix   leaflet   tool   popup   func   out   class   

 1 let linepopup;
 2 
 3             LineLayer.on(‘mouseover‘, function (e) {
 4 
 5                 let loc = e.layer.feature.geometry.coordinates;
 6                 let tooltip = e.layer.feature.properties.lineGXLX + ‘ DN ‘ + e.layer.feature.properties.lineGJ + ‘ ‘ + e.layer.feature.properties.lineGC
 7 
 8 
 9                 let latlng = L.latLng(loc[0][1], loc[0][0]);
10                 let length = e.layer.feature.properties.Shape__Length;
11 
12                 linepopup = L.popup()
13                     .setLatLng(latlng)
14                     .setContent(‘<p>‘ + tooltip + ‘<br /> 长度: ‘ + length.toFixed(2) + ‘ m</p>‘)
15                     .openOn(map);
16 
17             });
18 
19             LineLayer.on(‘mouseout‘, function (e) {
20                 if (linepopup) {
21                     linepopup.remove();
22                 }
23             })

 

leaflet 自定义 featurelayer的 popup

标签:span   relay   Fix   leaflet   tool   popup   func   out   class   

原文地址:https://www.cnblogs.com/googlegis/p/13291500.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!