我是 jVectorMap 的新手。我已经从链接中获得了谷歌地图:http://codepen.io/anon/pen/RPjJYb .我正在尝试向这张 map 添加标记。 我尝试了以下代码,但无法向 map 添加标记:
$('#vmap').vectorMap({
map: 'usa_en',
backgroundColor: null,
color: '#D2D3D4', //#F58025
hoverColor: '#754200',
selectedColor: '#F58025',
borderColor: '#FFFFFF',
enableZoom: false,
showTooltip: false,
regionsSelectable: true,
markersSelectable: true,
markerStyle: {
initial: {
fill: 'grey',
stroke: '#505050',
"fill-opacity": 1,
"stroke-width": 1,
"stroke-opacity": 1,
r: 5
},
hover: {
stroke: 'black',
"stroke-width": 2
},
selected: {
fill: 'blue'
},
selectedHover: {
}
},
markers: [
{latLng: [41.8781136,-87.6297982], name: "My marker name",style: {fill: 'yellow'}},
],
onRegionClick: function(element, code)
{
alert(code);
}
});
请帮帮我。提前致谢。
最佳答案
您没有使用 jVectormap
,而是使用 jqvmap
。我认为它没有实现标记。
你可以切换到 jVectorMap,它有点不同,但它有像这样的标记:http://jvectormap.com/examples/markers-world/
关于javascript - 如何在 jVectorMap 中添加标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33214685/