2011-07-03 4 views
1

결과에 대한 표식과 검색 결과가 포함 된 표가 있습니다. 모든 요소에는 ID가 있으며 사용자가 마커를 클릭하면 페이지가 검색 결과로 스크롤됩니다 (방금 window.location.hash를 변경하는 중입니다).Google Map에서 특정 마커를 찾는 방법은 무엇입니까?

반대로 그럴 수 있습니까? 사용자가 검색 결과를 클릭하면 정보창에 마커가 나타납니다.

+0

"사용자가 마커를 클릭하면 페이지가 검색 결과로 스크롤됩니다."이 문제를 해결할 수 있습니까? – UnderDog

답변

2

지도에서 검색 결과와 관련된 마커가 화면으로 스크롤된다고 가정합니까?

검색 결과에 표시하려는 마커에 대한 고유 식별자가 포함 된 클릭 이벤트가있는 한 올바르게 작동합니다. 현재 관리하고있는 사이트에는 검색 결과의 사이드 바가 있습니다. 결과를 클릭하면 마커가지도의보기로 스크롤되고 정보 창이 표시됩니다.

function MarkerZoomTo(markerIdentifier) { 
    pt = gMarkers[markerIdentifier].getPosition(); 
    newpt = new google.maps.LatLng(pt.lat() + .02, pt.lng()); 
    map.panTo(newpt); 

    if (infoWindow) { 
    infoWindow.close(); 
    } 

    infoWindow.setContent(gMarkers[markerIdentifier].get('iwcontent')); 
    infoWindow.setPosition(gMarkers[markerIdentifier].getPosition()); 

    infoWindow.open(map, gMarkers[markerIdentifier]); 
} 

내가 내 마커에서 특정 마커를 얻을, 함수에 고유 마커 식별자를 전달합니다 클릭 처리기에 의해 호출 된 코드는 그렇게 (귀하의 질문에 대한 산세 일부 오류 처리 및 기타 재미 부분)과 같이 보입니다 배열, 위도/경도 위치 가져 오기, LatLng 객체 만들기 및 해당 위치로 이동

나머지는 정보창의 콘텐츠를 검색하고 적합하다고 생각되는 방식으로 위치를 설정하기위한 드레싱입니다.

마침내 마킹을위한 정보창을 엽니 다.

행운을 빈다.

+0

정말 도움이되었습니다. 감사. –

+0

"사용자가 마커를 클릭하면 해당 페이지가 검색 결과로 스크롤됩니다."이 문제를 해결할 수 있습니까? – UnderDog

+1

@Javafreak'google.maps.event.addListener (마커, '클릭', 기능() {$ ('검색 결과')) animate ({scrollTop : $ ("# result_1"). offset.top}) }' – MKatleast3

관련 문제