如何更改Openlayers 3中縮放控件的圖標？

我想將默認的放大/縮小圖標更改爲Cirlce中的圖標。抱歉，我無法在此張貼圖片，因此我無法向您展示圖片。如何更改Openlayers 3中縮放控件的圖標？

任何人都可以建議我怎麼做到這一點？

2015-08-20 bikash shrestha

你還在嗎？你解決了你的問題嗎？ –

是的，我在這裏。我無法解決問題。但是我做了一個替代解決方案。這不是我想要的，但不知何故比默認縮放圖標更好。 –

啊對了。祝你有美好的一天！ –

您可以輕鬆地覆蓋默認的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); 
}

來源

2015-08-20 09:21:48

我想你沒有明白我的觀點。我不想只改變按鈕的顏色。我想用Up/Down/Left/Right箭頭圈住整個事物。我希望你明白了。 –

如何更改Openlayers 3中縮放控件的圖標？

回答

相關問題