Mapbox GL JS : Live geoJSON overlay



我正在 Mapbox 中开发一个天气应用程序,并尝试获取 geoJSON 文件以更新地图上的龙卷风警告多边形。(这将由一个名为"warnings.geojson"的文件完成,该文件位于与html文件相同的路径中,并由后端c ++应用程序频繁重写(。无论如何,我找到了以下有关如何更新实时JSON文件的示例:

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

这适用于它的设计目的(我了解它在做什么 - 这就是我正在寻找的(,但我似乎无法用我自己的代码替换代码。我想让它更新以下测试多边形文件。

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

上面的代码只是百慕大三角形的一个多边形。(一旦我开始工作,我可以自己修改它(我已经尝试了如此多的代码变体,以至于在这里列出它们只会是一个巨大的混乱。当然它应该很简单,我只是错过了它?

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

我自己的问题的正确答案是在错误的浏览器中测试应用程序。Edge 不会显示位于本地目录上的 geoJSON 多边形(至少在此特定方案中如此(。正如MeltedPenguin指出的那样 - JSON是有效的。一旦我将我的 HTML 和 geoJSON 上传到带有 http://前缀的在线服务器,它就工作得很好。Firefox 即使在离线模式下也能显示多边形。

最新更新