Hiển thị cửa sổ bật lên khi di chuột qua, không nhấp vào bằng cách sử dụng Tờ rơi?

Có thể trong Leaflet rằng cửa sổ bật lên mở khi di chuột qua, không phải khi nhấp không?

Điều này chỉ hoạt động cho một điểm đánh dấu tại một thời điểm, nhưng tôi cần nó cho số lượng điểm đánh dấu lớn hơn:

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

Nếu bạn cần hiển thị cửa sổ bật lên cho một điểm đánh dấu, bạn có thể sử dụng phương thức bindPopup đánh dấu.

Sau đó, bạn có nhiều quyền kiểm soát hơn và nó sẽ tự động bị ràng buộc với điểm đánh dấu của bạn.

Trong ví dụ bên dưới, bạn có thể hiển thị cửa sổ bật lên khi người dùng kết thúc và ẩn nó khi người dùng kết thúc:

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

Lưu ý: Bạn có thể gặp sự cố khi cửa sổ bật lên đóng khi bạn di chuột lên cửa sổ bật lên, do đó bạn có thể cần điều chỉnh neo cửa sổ bật lên trong (xem cài đặt cửa sổ bật lên) để hiển thị cửa sổ bật lên của mình cách xa điểm đánh dấu một chút để nó không biến mất quá dễ dàng.

Điều này sẽ giúp hiển thị cửa sổ bật lên trên di chuột đánh dấu

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

Đây không phải là một vấn đề cụ thể của Tờ rơi, mà là một câu hỏi về Javascript.

Lưu trữ các điểm đánh dấu của bạn trong một bộ sưu tập, và sau đó liên kết openPopupvới một 'mouseover'sự kiện cho tất cả chúng.

Ví dụ: với một mảng:

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

Nếu bạn đang sử dụng Leaflet 1.3.x, ràng buộc tooltip là một phương thức tích hợp.

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

Về việc có một giải pháp hoạt động "cho số lượng điểm đánh dấu lớn hơn", đây là những gì tôi làm cho từng lớp dữ liệu điểm được tải từ 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;
    }
});