2014-02-10 5 views
0

Google지도를 이동하여 목록에서 클릭 한 속성으로 확대/축소 한 다음 해당 마커에 대한 정보 창을 트리거하려고합니다.Google지도 API pan 작동하지 않음

"확대/축소"링크를 클릭해도 아무런 변화가 없습니다. 확대/축소, 팬 없음, 오류 없음.

다음은 확대/축소를 수행해야하는 코드이며 panTo까지 모든 것이 올바르게 작동합니다.

$(document).on('click', '.zoomer', function() { 
    var lats = $(this).data('latlng').split(','); 
    var latlng = new google.maps.LatLng(lats[0], lats[1]); 
    map.panTo(latlng); 
    map.setZoom(3); 
    return false; 
}); 

나는 여기에서 찾을 수있는 모든 것을 시도했습니다. infowindow를 팝업으로 가져 오면 모든 것이 bindInfoWindow 함수에 있어야한다고 생각합니다. 그러나 링크하는 방법에 대한 단서가 없습니다. http://jsfiddle.net/fsn2uu/5Mpfq/

어떤 아이디어 : 여기

는 바이올린입니까?

답변

1

여기에 2 개의 var map 신고가 있습니다. 왜 2 개의지도를 만드는거야? 두 번째 선언은 단지 스크립트 자바 스크립트의 피해자처럼

map = ... 

가 보이는해야

http://jsfiddle.net/8Shze/2/

대신

var map = ... 

의 : 여기,이 바이올린 포크를 보라 게양. map.panTo를 호출 할 때 현재 보이는지도에서 호출되지 않았습니다. 여기

은 모두 두 번째지도 초기화를 생략 다른 바이올린, 그리고 여전히 작동 :

http://jsfiddle.net/8Shze/3/

관련 문제