【问题标题】:Mapbox GL JS : Live geoJSON overlayMapbox GL JS:实时 geoJSON 覆盖
【发布时间】:2018-09-02 15:13:15
【问题描述】:

我正在 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() 函数,但我不知道该怎么做。任何帮助将不胜感激。

【问题讨论】:

  • 您提供的 geojson 对我来说似乎有效,因此它可能来自您的代码。您能否至少提供用于在源中加载 geojson 并在层中使用它的部分?
  • 在看到您的回复之前我才知道这一点。我正在离线测试它,我使用 Edge 浏览器进行测试,因为我使用的是图像叠加(并且它们在 Firefox 和 Chrome 没有的离线模式下显示)。然而,Edge 中的多边形在离线模式下无法工作,而在 Firefox 中则可以。

标签: geojson mapbox-gl-js


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-24
    • 1970-01-01
    • 1970-01-01
    • 2017-01-26
    • 2016-06-05
    相关资源
    最近更新 更多