2

私は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'}
        ]        
        });
       });​
4

2 に答える 2

4

間違った座標を指定しました。経度は負でなければなりません:

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'}
]

これは更新されたデモです。

于 2012-11-13T15:00:37.413 に答える
0

「グリッド」を投稿できますか？このようなもの？

$.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": {
...
于 2012-11-13T07:13:05.657 に答える