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

Question

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

我正在努力将当地州议会区的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. 您必须在左侧包含jQuery ＆＃34; Frameworks＆amp;扩展＆＃34;
2. json代码有语法错误！使用 jsLint 或 jsHint 查看它们。
3. ＆＃34;系列＆＃34;的预期格式对象错误也是！它期望＆＃34; metaData＆＃34;中的元数据。属性即可。

立即查看您的代码，但正在运行;） - ＆gt; CODE

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

我希望这可以帮到你!!