GeoJson 造型 Asymmetrik/ngx-leaflet

Posted 2023-05-08

【中文标题】GeoJson 造型 Asymmetrik/ngx-leaflet

【英文标题】：GeoJson styling 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 显示正确的颜色、笔触和不透明度？

【参考方案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/