GeoJson 造型 Asymmetrik/ngx-leaflet答案

【问题标题】：GeoJson styling Asymmetrik/ngx-leafletGeoJson 造型 Asymmetrik/ngx-leaflet
【发布时间】：2018-01-24 19:13:26
【问题描述】：

您好，我对 Asymmetrik/ngx-leaflet geojson 解释有疑问。

我的geojson是自动生成的，颜色和不透明度对应于地图信息。每个 geojson 都是一个 FeatureCollection，其中包含多个不同样式的多边形。

我尝试了不同的选项，我发现可以设置多边形的样式，但它们似乎都不起作用。

geoJson 示例：

{  
   "type":"FeatureCollection",
   "features":[  
      {  
         "geometry":{  
            "type":"Polygon",
            "coordinates":[  
               [...]
            ]
         },
         "type":"Feature",
         "properties":{  
            "style":{  
               "color":"#ff0000",
               "weight":0,
               "opacity":0.2
            }
         }
      }, ... ]}

我一直在尝试多种似乎对人们有用的选项。 ngx-leaflet 文档中的 geojson 内部也没有任何样式。

我应该如何设置上面的样式以使 ngx-leaflet 显示正确的颜色、笔触和不透明度？

【问题讨论】：

标签： leaflet geojson ngx-leaflet

【解决方案1】：

ngx-leaflet 不会对您添加到地图的图层进行任何操作。因此，您可以在创建功能时提供样式选项。

例如，

let geoJson = {...};
let options = { "color": "#ff7800", "weight": 5, "opacity": 0.65 };
L.geoJSON(geoJson, options).addTo(map);

这个例子取自这里：http://leafletjs.com/examples/geojson/

【讨论】：