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

Question

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

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

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

Answer 1

您有几个错误：

你必须在左边jQuery."Frameworks & Extensions".
json 代码有 语法错误 ！使用 jsLint 或 jsHint 查看它们。
"series"对象的预期格式也是错误的！它需要 "metaData" 属性 .

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

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

希望对您有所帮助！！

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

Geojson Incomplete Rendering in JsFiddle for Highmaps Useage

javascript

jquery

highmaps