2016-01-21 16 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