更改默認的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); 
    } 
});