Поместите другой цвет и ширину обводки на некоторые маркеры кругов на jVectorMap

Я создаю карту с помощью 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}
]

Я хотел бы увеличить ширину обводки и изменить цвет обводки для некоторых из этих кругов. Например, для кругов с широтой/долготой [40.8905,-111.6832],[36.7621,-98.0439].

Вот jsFiddle карты.

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


javascript jquery css jvectormap
person sere__    schedule 23.01.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

person ozke    schedule 23.01.2015
comment
Это работает, но я искал решение, в котором я могу выбирать маркеры круга по их координатам широты и долготы. В любом случае большое спасибо. - person sere__; 23.01.2015