Question

我试图从json文件向var usa_markers插入数据，它看起来不错但数据不会显示在地图上。

这是我的代码：

    // 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 = [{ latLng：[40.71，-74.00]，名称：＆＃39;纽约＆＃39; }]

Answer 1

解决了它...只需将JSON.parse添加到数据

jvectormap美国从json中提取数据

1 个答案: