我正在使用JVectorMap显示美国地图,并希望在5个城市上放置标记。我的代码中包含了经度和纬度,但似乎不起作用。我在地图的左上角看到标记。我不确定为什么将它们放在这里,而不是放在代码中的城市上?
如果有人可以提供一些有关标记为何无法正常工作的见解:
在这里查看我的代码:http://jsfiddle.net/xtian/fqqGs/
JS:
$(function(){
$('#map').vectorMap({
map: 'us_aea_en',
zoomOnScroll: false,
hoverOpacity: 0.7,
markerStyle: {
initial: {
fill: '#F8E23B',
stroke: '#383f47'
}
},
markers: [
{latLng: [41.50, 87.37], name: 'Chicago'},
{latLng: [32.46, 96.46], name: 'Dallas'},
{latLng: [36.10, 115.12], name: 'Las Vegas'},
{latLng: [34.3, 118.15], name: 'Los Angeles'},
{latLng: [40.43, 74.00], name: 'New York City'}
]
});
});
您刚刚提供了错误的坐标。经度应为负:
markers: [
{latLng: [41.50, -87.37], name: 'Chicago'},
{latLng: [32.46, -96.46], name: 'Dallas'},
{latLng: [36.10, -115.12], name: 'Las Vegas'},
{latLng: [34.3, -118.15], name: 'Los Angeles'},
{latLng: [40.43, -74.00], name: 'New York City'}
]
这里是更新的demo。
您可以发布您的“网格”吗?像这样吗?
$.fn.vectorMap('addMap', 'map_name',{
"insets": [{
"width": 500,
"top": 0,
"height": 500,
"bbox": [{
"y": -12000000.0,
"x": -19000000.0
}, {
"y": 6900000.0,
"x": 19000000.0
}],
}],
"paths": {
...