javascript - 阻止 Google map 加载超出特定缩放级别

标签 javascript google-maps

我有一个带有一些叠加层的 Google map ,当缩放高于某个值(例如 17)时,叠加层会完全覆盖 map 。

我想防止 map 图 block 加载超出该缩放级别,因为它位于覆盖层后面,并且会导致不必要的数据传输。可能吗?

编辑:

我需要类似的东西:

google.maps.event.addListener(map, 'zoom_changed', function() { 
    if(map.getZoom()>=zoomToHideMap)
        stopLoadingTiles();
    else
        startLoadingTiles();
}); 

谢谢

最佳答案

我的解决方案是在 onzoomchanged 事件上将 map 类型更改为 null。

google.maps.event.addListener(map, 'onzoomchanged', function() {
    if(closeEnough)
        map.setMapTypeId(null)
    else
        map.setMapTypeId(google.maps.MapTypeId.SATELLITE)
})

由于叠加层完全覆盖了 map ,因此我将其用作基础图层,而不是叠加层以实现一定程度的缩放。

关于javascript - 阻止 Google map 加载超出特定缩放级别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13280332/

相关文章:

javascript - 从 json 变量获取值时出现未定义值

javascript - 订阅主题完成后退订

javascript - html 在新目标和焦点上打开一个 url

javascript - 如何仅在输入 3 个键后才显示 google-maps 自动完成选项?

google-maps - 谷歌地图在 iOS7 中崩溃

google-maps - Google map [API] View 在我的移动设备上显示为灰色

JavaScript多态性: how to access static attributes of inheriting class in static method of ("abstract") base class?

javascript - RxJS 函数签名

javascript - 从 HTMLElement 获取 google.maps.Map 实例

javascript - 使用 php/Wordpress 中的 google place api 获取附近的位置