Как изменить значок масштабирования в Openlayers 3?

Question

Я хочу изменить значки масштабирования/уменьшения масштаба по умолчанию на что-то вроде Cirlce. Извините, я не могу опубликовать изображение здесь, поэтому я не могу показать вам, ребята, образ.

Может ли кто-нибудь предложить мне, как этого достичь?

AJ

Answer 1

Вы можете легко переопределить стиль по умолчанию CSS, как:

.ol-control button{ 
    background-color: rgba(40, 40, 40, 0.85) !important; 
} 
.ol-control button:hover{ 
    background-color: rgba(40, 40, 40, 1) !important; 
} 

UPDATE Это задача CSS, так что вы можете играть как ваше воображение позволяет, так что до вас :

.ol-control button{ 
    border-radius: 50% !important; 
} 
.ol-control button:hover{ 
    transform: scale(1.5); 
}