javascript - 设计通过 javascript、MapBox 中的 URL 加载的 GeoJSON 多边形

Question

下面是一些代码，它生成默认情况下显示为灰色、半透明阴影多边形的两个多边形层:

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

是否可以指定填充颜色、不透明度等？我已经尝试了几乎所有的方法，但我就是无法到达那里。预先感谢您。

Answer 1

L.mapbox.featureLayer的签名如下:

L.mapbox.featureLayer(id|url|geojson, options)

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

这意味着您可以将 URL 作为第一个参数直接传递给它，这样您就不需要使用 loadURL。如果稍后想要重新加载或加载另一个 URL，您可以使用它。要设置图层要素的样式，您可以使用 setStyle 方法，如 L.FeatureGroup 文档中所述，其中 L.mapbox.featureLayer 是延伸自:

Sets the given path options to each layer of the group that has a setStyle method.

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

这可以归结为这样的事情:

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

样式对象支持此链接中描述的所有路径选项:

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