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

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

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

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

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

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