我正在使用jVectorMap创建地图。由于纬度/经度,我在上面绘制了圆圈来表示地震,如下所示:

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

有办法吗?我一直在尝试很多事情,但似乎都没用,类似的问题也找不到我想要的答案。

最佳答案

绝对不是最佳解决方案,但是使用CSS可以轻松完成任务,这是一个简单的选择。

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

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


更新小提琴...
http://jsfiddle.net/ozke/dvLzsLrd/3/

关于javascript - 在jVectorMap的某些圆形标记上放置不同的笔触颜色和宽度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28112338/

10-09 22:37