Question

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

Here是我到目前为止所做的工作，但是不起作用......

$(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

如果您在Highmaps上阅读the documentation或查看了该演示的their Fiddle：您可以阅读/看到Highmaps使用jQuery。在你的小提琴中，你没有加载jQuery，因此Highmaps不会工作，你对$.getJSON的调用也会失败。这会给你的控制台窗口带来很多错误，检查你的devtools。

其次是您要求的网址：

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

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

XMLHttpRequest无法加载http://shearanalytics.net/test.geojson。 No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://fiddle.jshell.net＆＃39;因此不允许访问。

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

如果我是你，我会阅读调试，这样你就可以学会发现这些错误。不知道你正在使用什么浏览器，但这应该让你开始：

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

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

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

GeoJSON不使用Highmaps

1 个答案: