2017-07-27 88 views
-1

我想從json文件插入數據到var usa_markers,它看起來不錯,但數據不顯示在地圖上。jvectormap美國從json拉數據

這是我的代碼:

// USA Map 

$.get('map.json', function(data) { 
     var usa_markers = data; 
     console.log(usa_markers); 

    var usa_options = { 
     map: 'us_mill_en', 
     normalizeFunction: 'polynomial', 
     backgroundColor: '#fff', 
     regionsSelectable: false, 
     markersSelectable: false, 
     zoomButtons: false, 
     zoomOnScroll: false, 
     markers: usa_markers, 
     regionStyle: { 
      initial: { 
       fill: Colors.byName('blueGrey-200') 
      }, 
      hover: { 
       fill: Colors.byName('gray-light'), 
       stroke: '#fff' 
      }, 
     }, 
     markerStyle: { 
      initial: { 
       fill: Colors.byName('blue-500'), 
       stroke: '#fff', 
       r: 10 
      }, 
      hover: { 
       fill: Colors.byName('orange-500'), 
       stroke: '#fff' 
      } 
     } 
    }; 

    $('#vector-map').vectorMap(usa_options); 

});

,做工作,該代碼如下所示:

VAR usa_markers = {[ 經緯度:[40.71,-74.00], 名稱: '紐約' }]

+0

解決了它...只需要添加JSON.parse到數據。 –

回答

0

解決它。 ..只是不得不添加JSON.parse到數據