2016-01-21 13 views
1

下面是產生由默認顯示爲灰色,半透明陰影多邊形2多邊形層的代碼一點點:造型以GeoJSON多邊形通過在JavaScript中的URL加載,MapBox

var overlays = { 
    SeniorsNorm: L.mapbox.featureLayer().loadURL('data/SeniorsAge65+.geojson'), 
    AQIRiskZones: L.mapbox.featureLayer().loadURL('data/AQIZones.geojson'), 
}; 

是否可以分配一個填充顏​​色,不透明度等?已經嘗試過幾乎所有的東西,但我不能完全達到目標。先謝謝你。

回答

0

L.mapbox.featureLayer簽名如下:

L.mapbox.featureLayer(ID |網址| GeoJSON的,選項)

https://www.mapbox.com/mapbox.js/api/v2.2.4/l-mapbox-featurelayer/#section-l-mapbox-featurelayer

這意味着你可以通過網址直接作爲第一個參數,所以你不需要使用loadURL。如果稍後想要重新加載或加載另一個URL,則可以使用它。要設置樣式的圖層的要素,如文檔中描述L.FeatureGroupL.mapbox.featureLayer從擴展可以使用setStyle方法:

設置給定的路徑選項具有使用setStyle方法組的每一層。

http://leafletjs.com/reference.html#featuregroup-setstyle

這將歸結爲這樣的事:

L.mapbox.featureLayer('data/SeniorsAge65+.geojson').setStyle({fillColor: 'red'}) 

風格對象支持所有在此鏈接描述下的路徑選擇:

http://leafletjs.com/reference.html#path-options

+0

謝謝IH8。我按照描述進行了調整,並且代碼沒有出現問題,但默認的灰色陰影沒有變化。當然沒有紅色。我也嘗試使用#******值。也許我錯過了一些早期的聲明,讓.setStyle首先發生,所以我會繼續嘗試。我還沒有見過像我這樣的例子,所以這告訴我,我可能總是以錯誤的方式去做。無論哪種方式,我學習的很多。再次感謝。 – grmapper

+0

也許你可以在[Plunker](http://plnkr.co)或[JSFiddle](http://jsfiddle.net)上設置測試用例,我很樂意看一看,看看發生了什麼 – iH8