在polymaps上显示svg-circle

时间:2012-07-02 14:56:29

标签: javascript svg bing-maps geojson

我正在使用this code的聚合地图显示一张bing-map。这是一个简单的脚本,源自polymaps网站上的bing-example。

我现在想要在某些坐标上显示标记,svg-circle。 我尝试使用po.geojson("load", load)加载geojson要素集合并在要素集合中显示该点。结构looks like this(当然它应该是一个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的位置?

1 个答案:

答案 0 :(得分:1)

您是否尝试过自己在加载功能中添加圈子? This example显示了如何在兴趣点上添加大圆圈。