Mostrando pop-up ao passar o mouse, não ao clicar usando o Leaflet?

É possível no Leaflet que o pop-up seja aberto ao passar o mouse, não no clique?

Isso funciona para apenas um marcador de cada vez, mas eu preciso dele para um número maior de marcadores:

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

Se você precisar mostrar o pop-up de um marcador, poderá usar o método bindPopup dos marcadores.

Então você tem mais controle e ele será automaticamente vinculado ao seu marcador.

No exemplo abaixo, você pode mostrar o pop-up quando o usuário passar o mouse e ocultá-lo quando o usuário sair do mouse:

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

Nota: Você pode ter problemas com o fechamento de pop-ups ao passar o mouse sobre o próprio pop-up, portanto, pode ser necessário ajustar a âncora do pop-up (consulte as configurações de pop-up) para mostrar seus pop-ups um pouco mais afastados do próprio marcador, para que não ocorra. desaparecer com muita facilidade.

Isso ajuda a mostrar pop-up ao passar o mouse sobre o marcador

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

Este não é um problema específico do folheto, mas uma questão de Javascript.

Armazene seus marcadores em uma coleção e vincule-os openPopupa um 'mouseover'evento para todos eles.

Por exemplo, com uma matriz:

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

Se você estiver usando o Leaflet 1.3.x, a ligação de dicas de ferramentas é um método interno.

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");

Em termos de ter uma solução que funcione "para um número maior de marcadores", é isso que faço para cada camada de dados de pontos carregados do 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;
    }
});