在Firefox中解析本地文件时在geoJSON上得到“格式不正确”

Question

我正在使用jquery解析geoJSON文件，并试图将解析后的geoJSON数据添加到回调中的传单映射层。我在geoJSON文件中遇到了“格式不正确”的错误。我已经将geoJSON文件内容通过geoJSON在线lint检查器，它检查良好(http://geojsonlint.com/).在调用$之前，我已设置了预期的mime类型。ajax（）（并检查文件是否确实是那种mime类型（utf-8）。我一点也不确定为什么它会告诉我它的格式不好。我在尝试做$的时候也会变得“不成熟”。文件上的getJSON（）。我知道这与文件解析有关，因为如果我将数据直接放入脚本中的变量中，然后执行“L.geoJson（data，{}）.addTo（map1）；”那就行了。

以下是geoJSON文件的内容：

{
    "type":  "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "geometry": {
                "type": "Point",
                "coordinates": [
                    97.971119, 
                    45.903952
                ]
            },
            "properties": {
                "title":  "Location in Mongolia",
                "address":  "plains of Mongolia"
            }
        }
    ]
}

以下是相关代码：

        $.ajaxSetup({
            scriptCharset: "utf-8",
            contentType: "application/json; charset=utf-8"
        });
        //style: myStyle
        $.ajax('SimplestExampleGeoJSON.geojson').done(function(data) {
          L.geoJson(data, {

          }).addTo(map1);
        });

Answer 1

我自己也遇到了这个问题（完全相同——使用带有GeoJSON文件的传单）。我找到了一个比重写代码简单得多的解决方案。如果你只是重命名你正在读取的文件，*。geojson至*。json，它工作得很好。例如，这段代码不会引发解析错误：

$.getJSON({
    url: "./static/boundaries/admin1_us.json",
}).done(function(admin1USGeoJSON) {
    // load state polygons, set style and interactive functions
    usGeoJSON = L.geoJson(admin1USGeoJSON).addTo(usMap);
});

但是，如果文件名为admin1\u us。geojson，Firefox抛出XML解析错误。

Answer 2

好的，这解决了这个问题（在这个链接的帮助下，必须混合两个答案才能工作：“格式不好”警告，当通过jQuery.ajax在Firefox中加载客户端JSON时）。问题是特定于Firefox的。ajax与本地文件和mime类型有关。这是给你的零钱。ajax使其与Firefox配合使用：

               $.ajax({
                  url: "SimplestExampleGeoJSON.json",
                  beforeSend: function(xhr){
                    if (xhr.overrideMimeType)
                    {
                      xhr.overrideMimeType("application/json");
                    }
                  },
                  dataType: 'json',
                  data: null,
                  success:  function(data, textStatus, request) {
                    L.geoJson(data, { }).addTo(map1);
                  }
                }); 

Answer 3

当您通过jQuery的$. ajax方法加载JSON文件时，您会在回调参数中得到一个字符串。

因此，在传单L.geoJson可以使用它之前，您需要先解析它，将其转换为JSON对象。

$.ajax('SimplestExampleGeoJSON.geojson').done(function(data) {
  data = JSON.parse(data); // Convert string into JSON object.

  L.geoJson(data).addTo(map1);
});

演示：http://plnkr.co/edit/sQ70DNH1bALEPmUgjBLw?p=preview