• 请不要在回答技术问题时复制粘贴 AI 生成的内容
zhenizhui
V2EX  ›  程序员

网页端实时修改地图,能否实现?

  •  
  •   zhenizhui ·
    zhenizhui · May 11, 2018 · 4521 views
    This topic created in 3108 days ago, the information mentioned may be changed or developed.
    • openlayer v4
    • geoServer v2.12
    • postgres v9.6

    目前有一份内部地图 CAD 数据想在天地图或者百度地图上展示,想在网页端实时增删改查,还有就是地图样式的修改。

    我参考了超图,发现他们用的是桌面端软件来修改地图数据并发布。

    请问有相关经验的大佬,以上需求能否在浏览器里面实现?

    15 replies  •  2018-05-12 10:05:45 +08:00
    LadyChunsKite
    LadyChunsKite
    May 11, 2018❤️1
    1
    参照 openstreetmap ?
    580a388da131
    580a388da131
    May 11, 2018 via iPhone
    2
    百度的话,API 支持自定义图册,支持样式修改。
    580a388da131
    580a388da131
    May 11, 2018 via iPhone
    3
    图层
    zhenizhui
    zhenizhui
    OP
    May 11, 2018
    4
    @LadyChunsKite #1 谢谢,这个 osm 的确很丰富。我研究看看
    zhenizhui
    zhenizhui
    OP
    May 11, 2018
    5
    @580a388da131 #2 不知道百度地图是否能支持道路的修改,建筑的移动,这样子的需求呢
    sakitamFDD
    sakitamFDD
    May 11, 2018 via Android
    6
    能实现,但是还是需要服务的,地图样式的修改就比较麻烦了,geoserver 虽然支持自定义样式,但是不太友好
    Ludwiyk
    Ludwiyk
    May 11, 2018
    7
    在线修改样式的话,如果数据是前端绘制或者矢量切片的话是可以做到修改样式的 json 配置文件实现的
    zhenizhui
    zhenizhui
    OP
    May 11, 2018
    8
    @sakitamFDD #6

    目前我实现的实时修改,是使用 js 在浏览器端渲染 geojson 数据,这样改宽度,改颜色什么的就没问题了。

    但是如果是一些比较复杂的样式,例如铁路,高速公路等。同时我又觉得在浏览器渲染地图数据,好像不太好。

    实在不知道怎么弄,望指教
    zhenizhui
    zhenizhui
    OP
    May 11, 2018
    9
    @Ludwiyk #7 但是数据量大会不会不太好?但是如果用瓦片图等图片资源传过来在浏览器显示,我又不知道如何实现实时修改,望指教,谢谢
    Ludwiyk
    Ludwiyk
    May 11, 2018
    10
    矢量切片了解一下,结合 WebGL 绘制效率还是可以的,就是用工具配图完生成的也是类似 geojson 的配置文件,实时的修改这个配置文件就可以,用 GeoServer 的话要解决矢量切片的实时更新问题,最近也在研究类似的技术方案
    beginor
    beginor
    May 11, 2018 via Android
    11
    mapbox 了解一下
    beginor
    beginor
    May 11, 2018 via Android
    12
    ol 也有 mbstyle 插件
    tc9011
    tc9011
    May 12, 2018
    13
    蜂鸟地图好像就可以在线编辑,他们是分图层然后结合 WebGL 渲染
    sakitamFDD
    sakitamFDD
    May 12, 2018 via Android
    14
    我知道是类似于 mapbox studio 和高德自定义地图类似的功能,仅仅使用 ol 可能做不了。具体可以看下 geoserver 的矢量切片,pbf 格式的。但是也是只能渲染简单图形,像纹理这些就不太好弄。ol 对 gl 的支持还是比较弱。
    sakitamFDD
    sakitamFDD
    May 12, 2018 via Android
    15
    @zhenizhui 百度的是后台渲染使用的 node。高德的前端渲染的,因为他的 js api 对 webgl 支持比较好,所以复杂样式都可以做,但是限制了只能他们平台使用。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2097 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 12:11 · PVG 20:11 · LAX 04:11 · JFK 07:11
    ♥ Do have faith in what you're doing.