google-maps-api-3 - 如何更改 google map v3 上的可见性?

标签 google-maps-api-3 google-maps-styling

我想根据缩放级别更改 map (道路和其他标签)的可见性。

有什么办法可以做到这一点吗?

例如:visibility=on 当我的缩放 <=8 时,当缩放 > 8 时关闭

最佳答案

google.maps.event.addListener(map, 'zoom_changed', function() {
  var zoomLevel = map.getZoom();
  if (zoomLevel <= 8) {
    turnVisOn();
  } else if (zoomLevel > 8) {
    turnVisOff();
  }
});

然后,在您的 turnVisX 函数中:

var styleArray = [
  {
    featureType: "road",
    stylers: [
      { visibility: "off" } // or "on"
    ]
  }
];
map.setOptions({styles: styleArray});

关于google-maps-api-3 - 如何更改 google map v3 上的可见性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8510380/

相关文章:

javascript - 将 angular-google-maps 中的地址转换为纬度/经度

javascript - 谷歌地图不显示

javascript - gmaps.js 使用 native Google Maps API v3 函数

javascript - 用 Cloudmade map 替换 Google map ?

javascript - Google Maps API v3 draggableCursor 选项,例如位置

google-maps-api-3 - 通过单击 map 关闭谷歌地图中的信息窗口?

google-maps - Google map v3 - 如何设置 "baloon"的样式并为国家着色?

javascript - 如何更改谷歌地图中控件div中的按钮样式?

javascript - Google map 控件更改了外观,如何才能恢复?