Поместите различные цвета и ширину штрихов на некоторые круги маркеров на jVectorMap

Question

Я создаю карту с jVectorMap. Я рисовал круги на ней представляют землетрясения благодаря гео координат LAT/LNG, как это:

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 на карте.

Есть ли способ сделать это? Я пробовал много вещей, но никто не работает, и подобные вопросы не имеют ответа, который я ищу.

Answer 1

Определенно, не лучшее решение, но простой вариант, чтобы сделать это без слишком грязных рук, может быть использование 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/