如何将自定义地图和自定义数据添加到Highmaps？

Question

我正在努力将带有自定义数据的自定义地图包含到 Highmaps 中。我敢肯定这是一件非常愚蠢的事情，但我在网上找不到任何示例和解释。

我有一个包含数据的 JSON 文件和一个包含地图的 GeoJSON 文件。所以，它可能看起来像这样：

        $(function () 
        {
            $.getJSON('http://xxx/data/P_.json', function (data)
            {
                // Initiate the chart
                $('#container').highcharts('Map',
                {
                    series : [
                    {
                        data : data,
                        mapData: 'http://www/data/countries.geojson',
                        joinBy: ['Name', 'Countries'],
                    }]
                });
            });
        });

但有些事情显然是错误的。我该如何添加自定义 mapData？

感谢您的帮助！

Answer 1

有关于如何创建自定义 geoJSON 的说明：http://www.highcharts.com/docs/maps/custom-geojson-maps

在 9.jsFiddle 中有 link 显示了 geoJSON 文件应该如何被解析以被 Highcharts 用作 mapData：http://jsfiddle.net/highcharts/xbzxfx2L/

$('#run').click(function () {     
    var geojson = $.parseJSON($('#geojson').val());

    // Initiate the chart
    $('#container').slideDown().highcharts('Map', {
        series: [{
            mapData: geojson
        }]
    });    
});

如何将自定义地图和自定义数据添加到Highmaps？

How to add custom map and custom data to Highmaps?

dictionary

highcharts

highmaps