2013-01-03 7 views
5

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.

Trả lời

2

Có thuộc tính bù cho cửa sổ bật lên, mặc định được đặt thành [0,6], do đó cửa sổ bật lên bao gồm điểm (nút chứa mũi tên xuống màu trắng lớn hơn mũi tên) và bạn sẽ không thể bấm vào điểm.

Set bù đắp-tùy chọn popup:

layer.bindPopup(layer.feature.properties.name,{offset:new L.Point(0,0)}) 
.openPopup(); 

Đối số thứ hai cung cấp cho L.Point là quan trọng y phối hợp, giảm tranh cãi này để di chuyển cửa sổ bật lên trở lên.

+0

Đúng, đã thực hiện! Tuyệt vời, cảm ơn vì sự giúp đỡ! – user1410712