Изменение по умолчанию Google Maps Api по умолчанию zoomControls Image?

Question

Можете ли вы изменить изображение по умолчанию элементов управления масштабированием Api Google Maps для создания своего собственного?

Answer 1

Нет, вы не можете изменить изображение элемента управления масштабированием на что-либо, кроме трех параметров, предоставляемых 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);
   }
 });