我是绘图的初学者,并决定将Polymaps用于我正在进行的项目。我有一个我想通过邮政编码提供给地图的数据集。我们现在正在县里进行测试,我要做的就是让地形显示在地图上。
我将geoJson添加到地图中,然后拉入我的.json文件。经过一些研究后,我认为我需要解析json,但我不知道该怎么做,我无法从Polymaps文档中收集到太多信息。
任何洞察力或初学者教程都会很棒。谢谢!
var po = org.polymaps;
var map = po.map()
.container(document.getElementById("map").appendChild(po.svg("svg")))
.center({lat: 38.89859, lon: -77.035971})
.zoom(7)
.zoomRange([4, 7])
.add(po.interact());
map.add(po.image()
.url(po.url("http://{S}tile.cloudmade.com"
+ "/1a1b06b230af4efdbb989ea99e9841af" // http://cloudmade.com/register
+ "/20760/256/{Z}/{X}/{Y}.png")
.hosts(["a.", "b.", "c.", ""])));
map.add(po.geoJson()
.features([{"geometry":{"coordinates":paths, "type": "Polygon"}}])
.url("testCounties.json"));
答案 0 :(得分:1)
我认为你需要改变这个:
map.add(po.geoJson() .features([{"geometry":{"coordinates":paths, "type": "Polygon"}}]) .url("testCounties.json"));
到此:
map.add(po.geoJson().url("testCounties.json"));
请注意,geoJson()之后没有空格。更重要的是,您应该使用geoJson.features或geoJson.url,而不是两者。如果你的geojson数据存储在本地JavaScript中,你会使用geoJson.features,但是因为你指向外部json文件,你应该只使用geojson.url。
也许这个例子就像你要做的那样:http://polymaps.org/ex/population.html