Tôi có một số điểm được vẽ trên bản đồ của mình bằng cách sử dụng geoJSON. Khi bạn nhấp vào một điểm, bản đồ sẽ phóng to điểm và kéo lên một số thông tin trong div khác. Khi tôi đặt cửa sổ bật lên trên sự kiện di chuột, chức năng nhấp của tôi không còn hoạt động nữa.bật lên tờ rơi khi di chuột qua xóa sự kiện nhấp
Đây là chức năng nhấp chuột của tôi:
function fillInfo(e) {
var layer = e.target;
document.getElementById('infoBox').innerHTML = '<h2>' + layer.feature.properties.name + '</h2>' + '<h3>' + layer.feature.properties.address + '</h3></p>'
}
//Variable to set zoom level on click
var southLat = layer.feature.geometry.coordinates[0] + .022438;
var southLong = layer.feature.geometry.coordinates[1] - .003235;
var northLat = layer.feature.geometry.coordinates[0] - .022438;
var northLong = layer.feature.geometry.coordinates[1] + .003235;
map.fitBounds([[southLong, southLat], [northLong, northLat]]);
}
Đây là chức năng di chuột của tôi:
function highlightFeature(e) {
var layer = e.target;
layer.bindPopup(layer.feature.properties.name)
.openPopup();
layer.setStyle({
weight: 5,
color: '#666',
dashArray: '',
fillOpacity: 0.7
});
if (!L.Browser.ie && !L.Browser.opera) {
layer.bringToFront();
}
}
Và ở đây tôi gọi họ là:
function onEachFeature(feature, layer) {
layer.on({
click: fillInfo,
mouseover: highlightFeature,
mouseout: resetHighlight
});
}
này được popup làm việc tốt trên di chuột qua, nhưng điểm không còn phản hồi sự kiện nhấp chuột nữa.
Đúng, đã thực hiện! Tuyệt vời, cảm ơn vì sự giúp đỡ! – user1410712