SimpleGeo Polymaps total noob LineString顯示爲多邊形的問題？

Question

所以我想出去polymaps作爲一個初學者，適應午夜指揮官例如：

var po = org.polymaps; 

var map = po.map() 
    .container(document.getElementById("map").appendChild(po.svg("svg"))) 
    .add(po.interact()) 
    .add(po.hash()); 

map.add(po.image() 
    .url(po.url("http://{S}tile.cloudmade.com" 
    + "/985d631542924aaa8718b9864529ae8c" // http://cloudmade.com/register 
    + "/37326/256/{Z}/{X}/{Y}.png") 
    .hosts(["a.", "b.", "c.", ""]))); 

map.add(po.compass() 
.pan("none")); 

到我本地加載一些道路在以GeoJSON格式：

map.add(po.geoJson().url("mylines.geojson")); 

GeoJSON的樣本：

{"type": "FeatureCollection", "features": [{"geometry": {"type": "LineString", "coordinates": [[-4.240532511128865, 55.891926951654455], [-4.238934645983739, 55.891956028400834]]}, "type": "Feature", "id": 6718, "properties": {"IDENTIFIER": "2602840669377", "CODE": 6140, "NAME": ""}}]} 

現在mylines.geojson顯示，但它不顯示爲一條線，而是顯示爲多邊形。

我的問題是，我需要做些什麼來讓Polymaps將LineString顯示爲一條線（它是道路數據）而不是多邊形？

Answer 1

Polymaps使用SVG Path來渲染Linestring。你必須填充屬性設置爲none

.on("load", po.stylist() 
    .attr("fill", "none") 

http://www.w3.org/TR/SVG/paths.html#PathElement