多边形与GeoJson& Polymaps

时间:2011-02-10 23:41:00

标签: javascript maps polygon geojson

我是绘图的初学者,并决定将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"));

1 个答案:

答案 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