谷歌地图v3如何通过缩放用户位置进行fitbounds

Question

我正在使用 google v3，我想以 userPinLoc 对象为中心进行拟合，我有以下代码

 var bounds = new google.maps.LatLngBounds();
            bounds.extend(userPinLoc)// wants to center on userPinLocation
            for (i in nearestEntitiesToZoom) {
                    entity = nearestEntitiesToZoom[i];
                    var googleLatLng = new google.maps.LatLng(entity.latitude,entity.longitude);
                    bounds.extend(googleLatLng);
                }

                bounds.extend(userPinLoc);
                //googleMap.setCenter(userPinLoc) this not working

googleMap.fitBounds(bounds);

更新后的任何快速修复我正在粘贴新代码

function setInitialZoom() {
        mapZoom = googleMap.getZoom(); 
        var bounds = new google.maps.LatLngBounds();
        bounds.extend(userPinLoc);
        for (i in nearestEntitiesToZoom) {
            entity = nearestEntitiesToZoom[i];
            var googleLatLng = new google.maps.LatLng(entity.latitude,entity.longitude);
            bounds.extend(googleLatLng);
        }

        google.maps.event.addDomListener(googleMap, 'bounds_changed', function() {
            googleMap.setCenter(userPinLoc);
        });

        googleMap.fitBounds(bounds);
        setTimeout(function() {
            google.maps.event.clearListeners(googleMap, 'bounds_changed');
        }, 3000);
    }

Answer 1

从当前位置删除 setCenter。您需要有一个事件监听器来监听地图边界何时发生变化。我认为当你调用fitBounds时，你必须等待它重绘才能调整中心。一种方法是使用超时，但您可以简单地将其添加到初始化函数中：

google.maps.event.addDomListener(googleMap, 'bounds_changed', updateCenter);

然后创建一个新函数来更新中心，该函数采用 userPinLoc 值（需要是全局变量）：

function updateCenter() { 
    googleMap.setCenter(userPinLoc);
}