0

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

这是我到目前为止所做的事情，但没有工作......

$(function () {

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

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

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

4

1 回答 1

2

如果您阅读过有关 Highmaps的文档或查看他们的 Fiddle of that demo：您可能已经阅读/看到 Highmaps 使用 jQuery。在您的 Fiddle 中，您没有加载 jQuery，因此 Highmaps 将无法工作，并且您的调用也$.getJSON将失败。这会给您的控制台窗口带来很多错误，请检查您的开发工具。

其次是您请求的网址：

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

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

XMLHttpRequest 无法加载http://shearanalytics.net/test.geojson。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问源“ http://fiddle.jshell.net ”。

您需要保存该文件并从托管页面/脚本的同一域中运行它。您不能在 JSfiddle 中运行/测试它。

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

铬：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)

于 2015-01-30T02:11:44.650 回答