在多边形贴图上显示 svg 圆

Display an svg-circle on a polymaps

本文关键字：显示 svg 多边形      更新时间：2023-09-26

我正在使用此代码显示一个使用多边形地图的 bing-map。这是一个简单的脚本，源自Polymaps网站上的bing示例。

我现在想在某些坐标上显示一个标记，一个 svg 圆圈。我尝试使用该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;
}

不会在地图上显示蓝点。

有没有办法在多边形地图上显示 svg 圆圈？这样我就可以定期调用这个圆圈的构造function来更新 svg 圆圈的位置？

您是否尝试过自己在加载函数中添加圆圈？此示例演示如何在兴趣点上添加一个大圆圈。

相关文章：