1

だから私は初心者としてポリマップを試し、真夜中の司令官の例を適応させています：

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が表示されますが、線ではなくポリゴンとして表示されます。

私の質問は、ポリマップでLineStringをポリゴンではなくライン（道路データ）として表示するにはどうすればよいですか？

4

1 に答える 1

1

ポリマップは、SVG パスを使用して Linestring をレンダリングします。fill 属性を none に設定する必要があります

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

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

于 2011-08-06T08:52:31.283 に答える