Pokazuje wyskakujące okienko po najechaniu myszką, a nie po kliknięciu przy pomocy Ulotki?

Czy w Ulotce jest możliwe, że wyskakujące okienko otwiera się po najechaniu myszką, a nie kliknięciu?

Działa to tylko dla jednego markera na raz, ale potrzebuję go dla większej liczby markerów:

marker.on('mouseover', function(e){
    marker.openPopup();
});

Jeśli chcesz wyświetlić wyskakujące okienko dla markera, możesz użyć metody markerów bindPopup.

Wtedy masz większą kontrolę, a to automatycznie zostanie przypisane do twojego znacznika.

W poniższym przykładzie możesz wyświetlić wyskakujące okienko, gdy użytkownik najedzie myszą, i ukryć je, gdy użytkownik najedzie myszą:

        marker.bindPopup("Popup content");
        marker.on('mouseover', function (e) {
            this.openPopup();
        });
        marker.on('mouseout', function (e) {
            this.closePopup();
        });

Uwaga: możesz napotkać problemy z zamykaniem wyskakujących okienek po najechaniu myszką na samo wyskakujące okienko, więc może być konieczne dostosowanie kotwicy wyskakujących okienek (patrz ustawienia wyskakujących okienek), aby wyświetlać wyskakujące okienka nieco dalej od samego znacznika, aby nie znikają zbyt łatwo.

Pomoże to wyświetlić wyskakujące okienko po najechaniu kursorem myszy

marker.on('mouseover', function(e) {
  //open popup;
  var popup = L.popup()
   .setLatLng(e.latlng) 
   .setContent('Popup')
   .openOn(map);
});

To nie jest problem specyficzny dla Ulotki, ale kwestia Javascript.

Przechowuj swoje znaczniki w kolekcji, a następnie połącz openPopupje z 'mouseover'wydarzeniem dla wszystkich.

Na przykład z tablicą:

var markers = getAllMarkers(); // up to you to implement, say it returns an Array<L.Marker>

for (var i = 0; i < markers.length; i++) {
    var currentMarker = markers[i];
    currentMarker.on('mouseover', currentMarker.openPopup.bind(currentMarker));
}

Jeśli używasz Ulotki 1.3.x, wiązanie etykiet jest wbudowaną metodą.

http://leafletjs.com/reference-1.3.0.html#tooltip

var polyline = L.polyline([[StartLat, StartLong],[EndLat,EndLong]]).addTo(this.map);
    polyline.bindTooltip("tool tip is bound");

Jeśli chodzi o posiadanie rozwiązania, które działa „dla większej liczby znaczników”, robię to dla każdej warstwy danych punktowych ładowanych z GeoJSON:

var layerPopup;
featureLayer.on('mouseover', function(e){
    var coordinates = e.layer.feature.geometry.coordinates;
    var swapped_coordinates = [coordinates[1], coordinates[0]];  //Swap Lat and Lng
    if (map) {
       layerPopup = L.popup()
           .setLatLng(swapped_coordinates)
           .setContent('Popup for feature #'+e.layer.feature.properties.id)
            .openOn(map);
    }
});
featureLayer.on('mouseout', function (e) {
    if (layerPopup && map) {
        map.closePopup(layerPopup);
        layerPopup = null;
    }
});