GeoJSON 不适用于 Highmaps

Question

我正在尝试使用自定义 GeoJSON 文件（马萨诸塞州县）使用 HighMaps 显示随机数据值。

Here 是我到目前为止所做的 jfiddle，但没有用...

$(function () {

// Prepare random data
var data = [
    {
        "COUNTY": "SUFFOLK",
        "value": 25
    },
    {
        "COUNTY": "MIDDLESEX",
        "value": 35
    },
];

$.getJSON('http://shearanalytics.net/test.geojson', function (data) {

最终，我试图复制所做的事情 here

Answer 1

如果您阅读了该演示的 the documentation on Highmaps or taken a look at their Fiddle：您可能已经阅读/看到 Highmaps 使用 jQuery。在您的 Fiddle 中，您没有加载 jQuery，因此 Highmaps 将无法工作，您对 $.getJSON 的调用也会失败。这会向您的控制台抛出很多错误 window，请检查您的开发工具。

您请求的第二个 URL：

$.getJSON('http://shearanalytics.net/test.geojson', function (data) {
    ...
});

不允许从另一个域通过 XHR 加载，这会向您的控制台抛出以下错误：

XMLHttpRequest cannot load http://shearanalytics.net/test.geojson. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

您需要保存该文件，并且运行它来自与您托管 page/scripts 的域相同的域。你不能 run/test 在 JSfiddle 中。

如果我是你，我会阅读有关调试的内容，这样你就可以学会发现这些错误。不知道您使用的是什么浏览器，但这应该可以帮助您入门：

Chrome: https://developer.chrome.com/devtools/docs/console

火狐：https://developer.mozilla.org/en-US/docs/Tools/Web_Console

Internet Explorer：https://msdn.microsoft.com/library/ie/bg182326(v=vs.85)

GeoJSON 不适用于 Highmaps

GeoJSON Not Working with Highmaps

gis

json

geojson

highcharts

highmaps