2013-02-19 3 views
0

Google지도를 사용하여 2 개의 마커를 추가했습니다.Google지도 : 설정 확대 옵션

온라인 데모 :
http://jsfiddle.net/VnwFT/1/

난 그냥, 내가 mapOpts에 노력뿐만 아니라 fitBounds에서 줌을 설정해야
:

zoom 
minzoom 
maxzoom 

예 :

var mapOpts = { 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    scaleControl: true, 
    scrollwheel: false, 
     zoom: 16 
} 

이며 작동하지 않습니다.

어떻게 확대/축소를 설정할 수 있습니까?

+0

:

그런 다음 마커를 클릭 리스너에 당신은 마커 클릭에지도를 확대하는 코드를 편집 할 수 있을까? –

+0

어떤 해결책이라도 괜찮을 것입니다. – Cheerio

+0

왜 그것이 작동하지 않는다고 생각합니까? 너가 싫어하는지도는 뭐니? 지도가 보입니다. 줌이 있어야만지도가 나타납니다. – geocodezip

답변

1

내가 여기 무슨 짓을했는지 참조 : 다음

var mapOpts = { 
    center: new google.maps.LatLng(45.764043,4.835659), 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    scaleControl: true, 
    scrollwheel: false, 
    zoom: 16 
} 

필요하지 않은 경우 :

http://jsfiddle.net/VnwFT/27/

먼저 당신이 당신이 그것을 초기화 할 때지도의 중심을 정의 할 필요가 (지도의 중심이 초기화시 이미 정의되어 있습니다.) fitBounds 함수를 사용하면 주석을 달 수 있습니다. 당신은 초기화하거나 마커의 클릭에지도에서 줌을 설정해야

google.maps.event.addListener(pushPin, "click", function() { 
    infoWindow.setOptions(options); 
    infoWindow.open(map, pushPin); 
    if (this.sidebarButton) this.sidebarButton.button.focus(); 
    map.setZoom(16); 
}); 
+0

모든 마커를 표시 할 수있는 솔루션이 있으면 정말 고마워요. 각 마커를 클릭하면 그 점프로 바뀝니다. – Cheerio

+0

변경 (및 내 첫 번째 응답을 편집), 만약 당신이 원하는 것을 참조하십시오 : http://jsfiddle.net/VnwFT/27/ –

+0

지도에 마커 하나만 표시됩니다. 링크를 새로 고칩니다. 내가 틀렸다? – Cheerio