Question

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

Answer 1

否则您无法将缩放控件的图像更改为Google提供的三个选项以外的任何其他内容：

缩放控件可能会出现在以下某个样式选项中：

google.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);
   }
 });

更改默认Google地图Api默认缩放控制图像？

1 个答案: