如何更改Leaflet 1.0.3中的LineStrings的geoJSON图层的样式
问题描述:
我试图更改单张1.0.3中的一行线条样式。我的图层是使用ajax调用和leaflet-ajax库生成的geoJSON图层。我可以在地图上看到我的图层,但它继承了默认样式,而不是我想要添加的样式。如何更改Leaflet 1.0.3中的LineStrings的geoJSON图层的样式
var lines = new L.GeoJSON.AJAX('/rest/lines');
lines.setStyle({color:"#00000",weight:10}).addTo(map);
var overlays = {"Lines": lines};
L.control.layers(overlays).addTo(map);
答
您应该尝试定义一个函数,该函数会将每行加载到Leaflet中时设置样式。
从这个链接:https://github.com/Dominique92/Leaflet.GeoJSON.Ajax
...
new L.GeoJSON.Ajax(
<URL>, // GeoJson server URL.
{
argsGeoJSON: {
name: value, // GeoJson args pairs that will be added to the url with the syntax: ?name=value&...
...
}
bbox: <boolean>, // Optional: whether or not add bbox arg to the geoJson server URL
style: function(feature) { // Optional
return {
"<NAME>": <VALUE>, // Properties pairs that will overwrite the geoJson flow features properties
"<NAME>": feature.properties.<NAME>, // The value can be calculated from any geoJson property for each features.
...
};
}
}
).addTo(map);
...
这是我的代码,这是形状不是线,而是应该以类似的方式工作:
geojson = L.geoJson(myGeoJson.features, {
onEachFeature: onEachFeature,
style: styleFeature,
}).addTo(myLeafletMap);
,然后我具备的功能:
function onEachFeature(feature, layer) {
...
}
和
function styleFeature(feature){
return {
weight: 2.5,
opacity: 1,
color: getColour('blue'),
};
}
我错过了在文档中。谢谢你指出。 – MakleBirt