使用用户鼠标更改缩放后更改地图类型

Question

我有一个简单的ROADMAP地图，标记从缩放级别17开始（大学校园）。当用户将缩放更改为小于14时，我想将地图类型更改为SATELLITE。 似乎没有用。 - 固定TYPO错误 - 仍然无效。

function initialize() {
    var latlng = new google.maps.LatLng(31.792659, 35.244251);
    var myOptions = {
            zoom: 17,
            center: latlng,
            mapTypeIds: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: false
    }
    map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
}

//zoom changes and we get a satellite map

google.maps.event.addListener(map, 'zoom_changed', function() {
    zoomLevel = map.getZoom();
    if (zoomLevel <= 14) {
        map.setMapTypeId('SATELLITE');
    }
});

Answer 1

我认为问题在于您将地图与zmap混为一谈。我的猜测是你从两个不同的例子中结合了这个。

尝试

google.maps.event.addListener(map, 'zoom_changed', function() {
    zoomLevel = map.getZoom();
    if (zoomLevel <= 14) {
        map.setMapTypeId('SATELLITE');
    }
});