具有GeoJson＆Polymaps的多邊形

我是一名初學者，在繪圖時決定使用Polymaps作爲我正在開發的項目。我有一個數據集，我想通過郵政編碼提供給地圖。我們現在正在對各縣進行測試，我試圖做的就是讓縣的形狀顯示在地圖上。具有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"));

來源

2011-02-10 mel

我認爲你需要改變這一點：

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

來源

2011-02-14 03:49:23

哦，男孩。這樣一個有前景的框架，但完全不再支持。甚至沒有在他們的網頁上的例子工作 – Blauhirn

具有GeoJson＆Polymaps的多邊形

回答

相關問題