leaflet 自定义 featurelayer的 popup

Posted 2020-12-17 googlegis

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