jquery - jvector map 标记未正确显示

Question

我正在使用JVectorMap显示美国 map 并希望在 5 个城市上放置标记。我的代码中有它们的经度和纬度，但它似乎不起作用。我看到 map 左上角有标记。我不确定为什么它们被放置在那里，而不是在我的代码中的城市上？

如果有人可以提供一些有关标记无法正常工作的原因的见解:

在这里查看我的代码: 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'}
        ]        
        });
       });​

Answer 1

您刚刚提供了错误的坐标。经度应为负数:

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 .