javascript - 更改默认的 Google Maps Api 默认缩放控件图像？

Question

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

Answer 1

不可以，您不能将缩放控件的图像更改为 Google 提供的三个选项以外的任何其他选项:

The Zoom control may appear in one of the following style options:

google.maps.ZoomControlStyle.SMALL displays a mini-zoom control, consisting of only + and - buttons. This style is appropriate for small maps. On touch devices, this control displays as + and - buttons that are responsive to touch events.

google.maps.ZoomControlStyle.LARGE displays the standard zoom slider control. On touch devices, this control displays as + and - buttons that are responsive to touch events.

google.maps.ZoomControlStyle.DEFAULT picks an appropriate zoom control based on the map's size and the device on which the map is running.

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

slider 控件可能有点棘手，但如果您只想放大和缩小按钮，则无需管理状态即可。

事件看起来类似于:

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