改变默认谷歌地图Api'的默认缩放控制图像

Changing default Google Maps Api's default zoomControls Image?

本文关键字：默认 缩放 图像 控制 谷歌地图 Api 改变      更新时间：2023-09-26

您可以更改谷歌地图Api缩放控件的默认图像，以便创建我自己的?

不，你不能将缩放控件的图像更改为Google提供的三个选项以外的任何内容:

缩放控件可能以下列样式选项之一出现:

google.maps.ZoomControlStyle。SMALL显示一个迷你缩放控制，仅由+和-按钮组成。这种款式适合小地图。在触摸设备上，这个控制显示为+和-按钮

google.maps.ZoomControlStyle。LARGE显示标准缩放滑块控制。在触摸设备上，这个控件显示为+和-响应触摸事件的按钮。

google.maps.ZoomControlStyle。DEFAULT根据地图的大小和地图所在的设备选择适当的缩放控件运行。

但是，您可以构建自定义控件并将它们放置在地图上。您必须设置适当的事件处理程序并管理控件的状态，但这是可以做到的。

滑块控件可能有点棘手，但如果你只想要放大和缩小按钮，你可以不管理状态。

事件看起来像这样:

//zoom in control click event
google.maps.event.addDomListener(zoomIn, 'click', function() {
   var currentZoomLevel = map.getZoom();
   if(currentZoomLevel != 21){
     map.setZoom(currentZoomLevel + 1);
    }
 });
//zoom out control click event
google.maps.event.addDomListener(zoomOut, 'click', function() {
   var currentZoomLevel = map.getZoom();
   if(currentZoomLevel != 0){
     map.setZoom(currentZoomLevel - 1);
   }
 });
相关文章：