Google 地图 API v3 - 缩放参数不起作用

Question

我正在使用 Google API v3，但此参数 'zoom : 10' 不起作用。我总是调用 google api，缩放是最大的，我必须单击“-”大约 5 次才能获得所需的缩放。我试着放 zoom: 1 和 zoom: 100 但没有任何反应。也许这个参数被覆盖了，但是我看不到在哪里。

这是我的代码：

function viewOnMap(campus_name, lat, long, address1, address2){
  var locations = [ [ campus_name, lat, long, 1 ] ];

  var map = new google.maps.Map(document.getElementById('google_map'), {
    zoom : 10,
    center : new google.maps.LatLng(lat, long),  //lat long site
    mapTypeId : google.maps.MapTypeId.ROADMAP
  });
  var infowindow = new google.maps.InfoWindow();

  var marker, i;
  var bounds = new google.maps.LatLngBounds();
  for (i = 0; i < locations.length; i++) {
    marker = new google.maps.Marker(
            {
                position : new google.maps.LatLng(lat,
                        long),
                        map : map,
                        icon:'images/pin.png'
            });
    var pos = new google.maps.LatLng(lat, long);
    bounds.extend(pos);
    google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
                var content = '<div id="content">'+
                '<div id="siteNotice">Site name: '+ (campus_name) +
                '</div>'+
                '<div id="bodyContent">Address: '+ (address1) +
                '</div>'+
                '<div id="bodyContent1">'+ (address2) +
                '</div>'+
                '</div>';
            }
            infowindow.setContent(content);
            infowindow.open(map, marker);
        };
    })(marker, i));
  }
  map.fitBounds(bounds);    
}

谢谢！

Answer 1

你试过了吗。 :

map.setZoom(10);

我什至会在你设置标记后尝试设置它。

事实上，如果您想查看它是否有效，请在 chrome 中调试您的代码，在渲染地图后设置一个断点，并运行在本地 window 中设置该代码。

Answer 2

对 google.maps.Map.fitBounds 的调用覆盖了 MapOptions 中的固定缩放。

如果您只将一个位置添加到 google.maps.LatLngBounds，然后使用 google.maps.Map.fitBounds，它将始终缩放到最大可能的缩放。

如果您只有一个位置，请不要使用 google.maps.Map.fitBounds。

Google 地图 API v3 - 缩放参数不起作用

Google Map API v3 - Zoom parameter don't work

javascript

google-maps

google-maps-api-3