mapbox 마커 및 팝업으로지도 이동

Question

mapbox에서 팝업을 height에 관한 마커 onClick에 매핑 할 수 있습니까?

현재지도의 마스크 뒤에서 팝업이 사라집니다. 맵, 마커 및 팝업 (상단 패딩 추가)에 모두 맞출 수있는 솔루션을 찾고 있습니다.

featureLayer.on('click', function(e) { 
    var latLng = e.layer.getLatLng(); 
    map.panTo(latLng); 
}); 

Answer 1

나는 기본 솔루션을 발견했다.

을 bindPopup() 명령에 추가해야합니다. 다른 사람들이 너무 수도 있도록

layer.bindPopup('<p>Hello</p>', {keepInView: true}); 

Documentation

Answer 2

방법 후반이 질문에 대답에,하지만 난 그것을 가로 질러왔다. 나는 비슷한 질문에 코드의이 비트와 유사한 문제 및 Dan Mandle answered을 가졌다 :

map.on('popupopen', function(e) { 
var px = map.project(e.popup._latlng); // find the pixel location on the map where the popup anchor is 
px.y -= e.popup._container.clientHeight/2 // find the height of the popup container, divide by 2, subtract from the Y axis of marker location 
map.panTo(map.unproject(px),{animate: true}); // pan to new center 

});

이 코드는 저에게 유용하며 keepInView와는 달리 팝업이 열려 있으면지도를 패닝 할 수 있습니다.