1. 程式人生 > >vue-leaflet如何設定地圖的Leaflet Controls樣式,更改地圖的縮放控制元件、右下角狀態控制元件的顯示隱藏

vue-leaflet如何設定地圖的Leaflet Controls樣式,更改地圖的縮放控制元件、右下角狀態控制元件的顯示隱藏

首先效果如圖:隱藏掉放大縮小控制元件和右下角的logo等引數資訊。

 只需要在map的options屬性裡設定如下兩個引數為false:

zoomControl: false,
attributionControl: false,

要注意並不是所有屬性都可以在options裡面設定。

詳細參考leaflet官網:https://leafletjs.com/reference-1.3.4.html#map-option 

Control options只有兩個:zoomControl 與 attributionControl ,是繼承自Control的屬性,與普通的options不同。