leaflet 自定义 featurelayer的 popup


 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             })

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM