このコードで polymaps を使用して bing-map を表示しています。これは、polymaps の Web サイトにある bing-example から派生した単純なスクリプトです。
特定の座標にマーカー、svg-circle を表示したいと考えています。を使用しpo.geojson("load", load)
て、geojson フィーチャ コレクションを読み込み、フィーチャ コレクション内のポイントを表示しようとしました。構造は次のようになります(もちろん JSON 文字列である必要がありますが、こちらの方が読みやすいです)。しかし、スクリプトはマーカーを表示しません。
このコードの使用:
[...]
map.add(po.geoJson()
.url("http://link/to/current.php")
.on("load", load));
[...]
function load(e) {
for (var i = 0; i < e.features.length; i++) {
var feature = e.features[i];
feature.element.setAttribute("class", "punt");
}
}
CSS:
.punt {
fill: cyan;
fill-opacity: 1;
stroke: #012;
}
地図上に青い点を表示しません。
polymaps マップに svg-circle を表示する方法はありますか? このサークルのコンストラクトfunction
を定期的に呼び出して、svg-circle の位置を更新できるようにするには?