如何使Leaflet中的標記有兩個彈出視窗？滑鼠懸停時一種，點擊時另一種？

Question

我希望將標題懸停在地圖上的標記上，然後單擊它們時會打開一個包含不同內容的完整彈出視窗。

我嘗試製作一個圖例，其中包含所有標記的列表，這些標記將用作相應彈出視窗的鏈接，但我似乎不知道如何做到這一點。

Answer 1

您可以為不同事件的標記設定不同的彈出視窗。以下是如何在指向圖層功能中設定它的範例：

var ptl = function(f, latlng){              
        
        var icon = L.icon({
            iconUrl: 'img/icon.png',
            iconSize:     [30, 50], // size of the icon
            iconAnchor:   [0, 25]
        });
    
            
        return L.marker(latlng, {icon: icon4}).on('click', function(e) {
                
            this.bindPopup(e.sourceTarget.feature.properties['content']);
        }).on('mouseover', function(e){
            var popup = L.popup({
                offset: [0, -30]
            })
                .setLatLng(e.latlng) 
                .setContent(e.sourceTarget.feature.properties['title'])
                .openOn(map);
                
        }).on('mouseleave', function(e){
            this.closePopup();
        });
            

    }