Mapbox GL JS:实时geoJSON叠加

问题描述 投票:0回答:1

我正在使用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()函数,但我不知道该怎么做。任何帮助都会非常感激。

geojson mapbox-gl-js
1个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.