GeoJson造型Asymmetrik / ngx-leaflet

时间:2018-01-24 19:13:27

标签: leaflet geojson ngx-leaflet

您好我对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 个答案:

答案 0 :(得分:2)

ngx-leaflet没有做任何事情来操纵你添加到地图的图层。因此,您可以在创建功能时提供样式选项。

如,

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

此示例取自此处:http://leafletjs.com/examples/geojson/