javascript - 使用用户鼠标缩放时更改 map 类型

Question

我有一个简单的 ROADMAP map ，其标记从缩放级别 17(大学校园)开始。当用户将缩放比例更改为小于 14 时，我想将 map 类型更改为 SATELLITE。 似乎不起作用。 - 修复了拼写错误 - 仍然无法正常工作。

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

我相信问题是你把 map 和 zmap 搞混了。我的猜测是您已经将两个不同的示例组合在一起。

尝试

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