在 JsFiddle 中用于 Highmaps 使用的 Geojson 不完整渲染

Question

我有兴趣创建可在 Highmaps 中使用的当地选民选区地图。如 HighCharts Custom Geojson Maps 帮助部分所述，我正在 JsFiddle 中加载地图。

我正在努力将当地州议会区的 geojson 地图转换为可生成 Highmap 地图的格式。我在 JsFiddle 上的测试锅炉中检查了我的 geojson 代码（请参见下面的图像），它也完全按照我的意愿工作，但是当我创建一个小提琴来生成地图时，会生成一个空白图像。任何帮助将不胜感激。我的仪表板带有code。

Geojson 锅炉测试仪输出：

HTML

<script src="http://code.highcharts.com/maps/highmaps.js"></script>

<div id="container"></div>  

CSS

#container {
height: 500px; 
width: 500px; 
margin: 0 auto; 
}
.loading {
 margin-top: 10em;
 text-align: center;
 color: gray;
}

JavaScript

代码太长，stackoverflow 无法正确加载，请查看仪表板代码

Answer 1

你有几个错误：

1. 您必须在左侧的“Frameworks & Extensions”中包含 jQuery。
2. json 代码有语法错误！使用 jsLint 或 jsHint 来查看它们。
3. “series”对象的预期格式也是错误的！它需要 "metaData" 属性中的元数据。

现在检查你的代码，但工作正常 ;) --> CODE

$(function () {
    // Initiate the chart
    $('#container').highcharts('Map', {
        series : [{
            mapData: { // <-- HERE IS THE METADATA ATTRIBUTE!
                "type":"FeatureCollection",
                .....                 
            }
        }]
    });
});

希望对你有帮助！！