Отображение всплывающего окна при наведении курсора мыши, а не при нажатии с помощью Leaflet?

Возможно ли в Leaflet, что всплывающее окно открывается при наведении мыши, а не при нажатии?

Это работает только для одного маркера за раз, но мне нужно это для большего количества маркеров:

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

Если вам нужно показать всплывающее окно для маркера, вы можете использовать метод markers bindPopup.

Тогда у вас будет больше контроля, и он будет автоматически привязан к вашему маркеру.

В приведенном ниже примере вы можете отобразить всплывающее окно при наведении мыши на пользователя и скрыть его при наведении мыши на пользователя:

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

Примечание. Вы можете столкнуться с проблемами с закрытием всплывающих окон при наведении мыши на само всплывающее окно, поэтому вам может потребоваться настроить привязку всплывающих окон (см. Настройки всплывающих окон), чтобы показывать всплывающие окна немного дальше от самого маркера, чтобы он не исчезнуть слишком легко.

Это поможет показать всплывающее окно при наведении курсора

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

Это не специфичная для Leaflet проблема, а скорее вопрос Javascript.

Сохраните свои маркеры в коллекции, а затем привяжите openPopupк 'mouseover'событию для всех из них.

Например, с массивом:

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

Если вы используете Leaflet 1.3.x, привязка всплывающей подсказки является встроенным методом.

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

С точки зрения наличия решения, которое работает «для большего числа маркеров», это то, что я делаю для каждого слоя точечных данных, загружаемых из 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;
    }
});