讀取Multipolygon geoJson數據並顯示在傳單地圖上

Question

我想在Leaflet地圖上讀取/顯示geoJson數據。 我在geoJson文件中存儲了10個多面體，並希望用不同的顏色上色。

在閱讀Leaflet 網站上的文檔時，我使用以下代碼來讀取多邊形並為其着色：

//Adding multipolygons to map
L.geoJSON(dataName, {
    style: function(feature) {
        switch (feature.properties.id) {
            case '100': return {color: "#ff0000"};
            case '200':   return {color: "#0ff000"};
        ...
        case '1000':   return {color: "#0000ff"};
        }
    }
}).addTo(map);

這是數據文件：

//Data file
var dataName = {"type": "FeatureCollection", "features":[

{ "type":"Feature","id":100,"properties":{"id":"100","count":0},"crs":{"type":"name","properties":{"name":"GEODATA"}},
"geometry":{"type":"MultiPolygon","coordinates":[MANY COORDINATES]
}},
{"type":"Feature","id":200,"properties":{"id":"200","count":0},"crs":{"type":"name","properties":{"name":"GEODATA"}},
"geometry":{"type":"MultiPolygon","coordinates":[MANY COORDINATES]
}},

...

{"type":"Feature","id":1000,"properties":{"id":"1000","count":0},"crs":{"type":"name","properties":{"name":"GEODATA"}},
"geometry":{"type":"MultiPolygon","coordinates":[MANY COORDINATES]
}]}

什么都沒有顯示。 我認為錯誤在於函數內部。 不太確定“功能”的作用。 有什么線索嗎？

謝謝！

Answer 1

看來您應該使用dataName.features嗎？

L.geoJSON(dataName, {

應該：

L.geoJSON(dataName.features, {

這是我提出的另一個答案的代碼片段：

geojson = L.geoJson(myGeoJson.features, { onEachFeature: onEachFeature, style: styleFeature, }).addTo(myLeafletMap);