Javascript 读取多多边形geoJson数据并显示在传单地图上
我想在传单地图上读取/显示geoJson数据。我在geoJson文件中存储了10个Multipolygon,并希望用不同的颜色对每个Multipolygon进行着色 在阅读传单上的文档时,我使用以下代码阅读多边形并为其着色:Javascript 读取多多边形geoJson数据并显示在传单地图上,javascript,leaflet,geojson,polygons,Javascript,Leaflet,Geojson,Polygons,我想在传单地图上读取/显示geoJson数据。我在geoJson文件中存储了10个Multipolygon,并希望用不同的颜色对每个Multipolygon进行着色 在阅读传单上的文档时,我使用以下代码阅读多边形并为其着色: //Adding multipolygons to map L.geoJSON(dataName, { style: function(feature) { switch (feature.properties.id) { c
//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]
}]}
没有显示任何内容。我认为错误在函数内部。不确定“功能”是什么。有什么线索吗
谢谢 看起来您应该使用
dataName.features
L.geoJSON(数据名,{
应该是:
L.geoJSON(dataName.features,{
以下是我制作的代码片段:
geojson=L.geojson(myGeoJson.features{
onEachFeature:onEachFeature,
style:styleFeature,
}).addTo(myLeafletMap)
尝试添加功能,但未发生任何情况:/n您是否已将其以默认颜色显示在地图上?能否在switch语句中点击断点,并查看函数中是否包含数据?否,将尝试。尝试创建Qlikview地图扩展。您的开关中是否有默认大小写?无法复制你的问题:你应该考虑共享更多的代码,包括一些样本数据(包括坐标),理想情况下在JSFiddle/Plunker/etc上复制您的问题。尝试创建Qlikview地图扩展。复制将您的代码与我的坐标粘贴在一起。一切似乎运行顺利。但是,地图上没有显示任何内容。然后尝试在地图上添加一个简单的标记。标记显示出来。当我说“在JSFiddle等上复制您的问题”时,我的意思是分享它,以便其他用户可以看到正在发生的事情。仅仅说它有效/无效并不能帮助我们更深入地理解您的问题。