在 Web 应用程序（传单、ajax）中加载 .geojson 文件时出现错误 404答案

【问题标题】：Error 404 when loading a .geojson file in a web application (leaflet, ajax)在 Web 应用程序（传单、ajax）中加载 .geojson 文件时出现错误 404
【发布时间】：2022-01-08 08:37:57
【问题描述】：

我正在学习如何构建 GIS Web 应用程序，但遇到 HTTP 错误 404.3 - Not Found 试图将 geojson 文件加载到使用传单构建的地图中。我会在我的网站上直接在线查看地图

在我已经插入了这个调用 AJAX 文件的标签：

脚本是：

 var geojsonLayer = new L.GeoJSON.AJAX('/.../data/attractions.geojson', {pointToLayer: function(feature, latlng) {
                var str = "<h4>"+feature.properties.name+"</h4><hr>";
                str += "<a href='"+feature.properties.web+"' target='blank'>";
                str += "<img src='img/"+feature.properties.image+"' width='200px'>";
                str += "</a>";
                return L.marker(latlng).bindPopup(str);
            }});
 geojsonLayer.addTo(mymap);

一切正常，但我在加载我的 geojson 时读到了这个错误。

我认为问题在于 geojson 文件扩展名，但我不知道如何处理它。我通过 Aruba 使用 Windows 托管。文件没有损坏（我尝试在Qgis上打开没有问题）

【问题讨论】：

标签： javascript ajax leaflet gis geojson

【解决方案1】：

我刚刚解决了这个问题，我希望能帮助别人节省时间，因为我今天失去了几个小时。

基本上，您只需将“.geojson”替换为“.json”（不更改文件扩展名）。

我不明白为什么，如果你有答案，请现在告诉我，但现在可以了。

【讨论】：

这个L.GeoJSON.AJAX 库已经很老了，不再被开发。如果您不需要支持 IE 等旧浏览器，请考虑使用 jquery、axios 中的 $.getJSON 甚至是普通的 featch。