jvector 맵 마커가 제대로 표시되지 않습니다.

Question

미국을 표시하고 5 개 도시에 마커를 배치하고자 할 때 JVectorMap을 사용하고 있습니다. 내 코드에서 Long과 Lat를 가지고 있지만 작동하지 않습니다. 마커는지도의 왼쪽 상단 모서리에 표시됩니다. 내가 왜 내 코드에있는 도시에 왜 거기에 위치하지 않았는지 모르겠다.

사람이 왜 마커가 제대로 작동하지 않는 경우에 일부 통찰력을 제공 할 수있는 경우 :

여기에 내 코드를 참조하십시오 : 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입니다.

Answer 2

당신이 당신을 게시 할 수 "그리드를 "? 이 같은?

$.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": { 
...