更改默认的Google Maps Api的默认zoomControl图片？

Question

您是否可以更改Google Maps Api缩放控件的默认图像以创建我自己的？

Answer 1

不，你不能变焦控制的图像更改为谷歌提供的三个选项中的任何其他：

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

谷歌.maps.ZoomControlStyle.SMALL显示一个迷你缩放控件，仅包含+和 - 按钮。这种风格适用于 小地图。在触摸设备上，此控件显示为响应触摸事件的+和 - 按钮 。

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

google.maps.ZoomControlStyle.DEFAULT，用于挑选基于所述地图的大小适当的变焦控制和在其上的地图是 运行该装置。

然而，您可以构建custom controls并将它们放置在地图上。您必须设置适当的事件处理程序并管理控件的状态，但可以完成。

滑块控件可能有点棘手，但如果您只是想放大和缩小按钮，您可能会失去管理状态。

事件将类似于此：

//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); 
    } 
});