Google지도 확대/축소 변수가 인식되지 않습니다.

Question

저는 WordPress 용 RomeLuv Google Maps라는 플러그인을 사용하여 게시물의 맞춤 메타 태그에있는지도 위치 값에서 Google지도를 만듭니다.

플러그인은 기본적으로 이 (example here) 가능한 한 가까이 확대 된지도의 줌 레벨을 제외하고 잘 작동합니다.

줌 레벨은 플러그인 코드에서 17로 하드 코딩되었습니다. 이 값을 10으로 변경했지만지도가 가장 가까운 줌으로 유지됩니다.

<div id="romeluv-global-map" style="width: 100%; height:600px; "></div> 
    <script type="text/javascript"> 
     var map = new google.maps.Map(document.getElementById("romeluv-global-map"), { 
      zoom: 10, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }); 

     var infowindow = new google.maps.InfoWindow(); 
     var bounds = new google.maps.LatLngBounds(); 
     var marker, i; 
     var myIcon = new google.maps.MarkerImage("http://www.doig.com.au/test/volunteer/wp-content/uploads/firstaid.png", null, null, null, new google.maps.Size(32,37)); 
     marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(-22.9794430, -43.2320800), 
     map: map, 
     icon: myIcon 
     }); 

     bounds.extend(marker.position); 
     google.maps.event.addListener(marker, "mousedown", (function(marker, i) { 
      return function() { 
       infowindow.setContent("<p style='width:95%'><a class='romeluv-google-map-link' href='http://www.doig.com.au/test/volunteer/midwife/'><b>Midwife</b></a><br /> <i>Midwifery</i> <br />Address: <b>Rio De Janeiro, Brazil </b><br /><br /></p>"); 
      infowindow.open(map, marker); 
      } 
     })(marker, i)); 

    // Fit these bounds to the map 
    map.fitBounds(bounds); 
</script> 

이 줌 레벨이 잘못 여기

을 시행되고있다 :

플러그인은 생성 된 웹 페이지의 소스 코드를 볼에서 복사 한 다음 코드를 출력한다?

Answer 1

'zoom : 10'(또는 임의의 값) 옵션을 추가하십시오.

Answer 2

이 경우 맵을 초기화 할 때 지정하는 줌 : 10이 코드 하단의 map.fitBounds 호출에 의해 무시되고 있다고 생각합니다. 그 줄을 주석 처리하고/제거하고 더 잘 작동하는지 확인하십시오.