在jVectorMap上的一些圆圈标记上放置不同的笔触颜色和宽度
Put different stroke color and width on some circles markers on jVectorMap
本文关键字:颜色 jVectorMap 更新时间:2023-09-26
我正在用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。
有没有办法这样做?我一直在尝试很多事情,但似乎都没有奏效,类似的问题没有我正在寻找的答案。
绝对不是最好的解决方案,但一个简单的选择可以完成它而不会让你的手太脏,可能是使用 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/
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 更改使用Chart.js创建的图表中的轴线颜色
- 如何使用jquery更改html中的背景颜色
- 动态更改高图中的系列颜色
- jsf中两个字符串的颜色代码差异
- 我们如何使用css或JavaScript在i/j上更改句点(点)的颜色
- d3.hexbin插件-动态定义颜色域以适应数据
- 我如何制作一个JS函数,它可以从相似的原始颜色双向更改为某个颜色
- 每个选择器的Jquery css颜色都在变化,但字体大小却没有变化
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- jQuery动画-边框宽度和颜色
- JS幻灯片与CSS背景颜色变化
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- 使用Angular单击时更改特定图示符图标的颜色
- 如何使用D3生成特定范围内的随机颜色
- 在jVectorMap上的一些圆圈标记上放置不同的笔触颜色和宽度
- 当页面上有 2 张地图时,更改 JvectorMap 的颜色
- jVectorMap 在 onRegionClick 更改颜色