javascript - 在 jVectorMap 上的一些圆圈标记上放置不同的描边颜色和宽度

Question

我正在使用 jVectorMap 创建 map 。由于地理坐标纬度/经度，我在上面画了圆圈来表示地震，如下所示:

markers: [
     {"latLng":[33.428,-116.4253333],"name":"19km NNW of Borrego Springs, California","mag":3.37,"depth":13.9},
     {"latLng":[33.5046667,-116.507],"name":"16km ESE of Anza, California","mag":3.22,"depth":15.44},
     {"latLng":[40.8905,-111.6832],"name":"16km E of Cennterville, Utah","mag":3.3,"depth":11.9},
     {"latLng":[36.7621,-98.0439],"name":"27km E of Cherokee, Oklahoma","mag":3.2,"depth":11.68}
]

我想为其中一些圆圈设置更大的笔划宽度和不同的笔划颜色。例如，对于带有 lat/lng 的圆圈[40.8905,-111.6832],[36.7621,-98.0439].

这是 jsFiddle map 的。

有办法吗？我一直在尝试很多事情，但似乎都没有用，而且类似的问题也没有我正在寻找的答案。

Answer 1

绝对不是最好的解决方案，但使用 CSS 是一个简单的选择，可以在不弄脏手的情况下完成它。

.jvectormap-marker:nth-child(9){
   stroke-width: 20;
   stroke: red;
   fill: #FFFF00;
}

.jvectormap-marker:nth-child(10){
   stroke: #00FFFF;
}

更新 fiddle ... http://jsfiddle.net/ozke/dvLzsLrd/3/