Google Mapズーム変数が認識されない

Question

私は、WordPress用のRomeLuv Google MapsというWordpressプラグインを使用しています。これは、投稿のカスタムメタタグの地図位置の値からGoogleマップを作成します。

プラグインは、デフォルトでを（example here）できるだけ近くにズームされたマップのズームレベルを除いて、正常に動作します。

ズームレベルは、プラグインコードで17にハードコードされていました。これを10に変更しましたが、マップは最も近いズームのままです。

プラグインが生成されたWebページのソースコードを見てからコピーし、次のコード、出力：

<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コールでオーバーライドされていると思います。その行をコメントアウトして削除してください。