Mapbox GL JS：实时geoJSON叠加

Question

我正在Mapbox中使用气象应用程序，并试图获取geoJSON文件来更新龙卷风警告多边形在地图上的实时显示。 （这可以通过与HTML文件位于同一路径的名为“ warnings.geojson”的文件来完成，并由后端c ++应用程序频繁地重写）。无论如何，我找到了以下有关如何更新实时JSON文件的示例：

https://www.mapbox.com/mapbox-gl-js/example/live-geojson/

这可以满足其设计的目的（我知道它在做什么-这是我在寻找的东西），但是我似乎无法用自己的代码替换代码。我想让它更新以下测试多边形文件。

https://manidoo.000webhostapp.com/test.geoJSON

上面的代码只是百慕大三角的多边形。 （一旦我开始工作，我可以自己修改它）我尝试了很多代码变体，将它们列出在这里将是一个巨大的混乱。当然应该很简单，我只是想念它吗？

我相信我应该更改的是map.addLayer（）函数，但是我不确定该怎么做。任何帮助将不胜感激。

Answer 1

我自己的问题的正确答案是在错误的浏览器中测试该应用程序。 Edge将不会显示本地目录上的geoJSON多边形（在此特定方案中至少如此）。正如MeltedPenguin指出的那样-JSON有效。将我的HTML和geoJSON上传到带有http：//前缀的在线服务器后，它的效果很好。 Firefox甚至在离线模式下也显示多边形。