mapbox - Postgis -> Geoserver -> GeoJson -> Mapbox gl js
问题描述
我正在尝试解决 mt mapbox-gl-js 实现的问题。我想显示的数据存储在 postgis 中。我知道直接 postgis->mapbox-gl-js 是不可能的,我必须通过地理服务器。
我安装了地理服务器并在访问时获得了 geojson 流:http://192.168.2.7:8081/geoserver/DCSIdefix/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=DCSIdefix:units&maxFeatures=500&outputFormat=application/json
然后我将此作为 URL 添加到 mapbox-gl-js:
var url = 'http://192.168.2.7:8081/geoserver/DCSIdefix/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=DCSIdefix:units&maxFeatures=500&outputFormat=application/json';
map.addSource('dcs', { type: 'geojson', data: URL });
之后我创建图层以在地图上显示数据。
问题:
- 我可以看到查询到达geoserver并生成geojson但数据未显示在地图上
- 如果我将直接地理服务器 URL 替换为同一服务器上的文件,该文件是从同一 URL 生成的(快速而肮脏的 wget 批处理文件,每 5 秒覆盖一次 geojson 文件)并使用该文件而不是 URL,它可以完美运行geojson 数据很好,只是脚本无法获取数据(也许它不等待完整的流到达?)。
非常感谢任何帮助!
谢谢 !
解决方案
推荐阅读
- r - Shiny中的所有服务器功能都可以看到反应数据吗?
- wordpress - 不同屏幕分辨率上的滑块图像断点
- websphere - 删除 WebSphere Portal Server 的 SelfCare portlet 中的 editProfile.jsp 页面的影响
- python - 使用请求模块在 Python 中的 Http Post 请求中超出最大重试次数和证书验证失败
- shell - 用于批量替换 .csv 文件中的特定字符串的 shell 脚本
- javascript - 为函数创建单独的类
- vue.js - 在 v-for 循环中的某些元素上悬停在 vue 应用程序中
- javascript - 可折叠面板和空间填充
- javascript - 删除 index.html 中的 url 但我怎样才能在 app.component.ts 中拥有它们
- css - 物化模块构建失败:无效的 CSS/预期的选择器