V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zhenizhui
V2EX  ›  程序员

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

  •  
  •   zhenizhui ·
    zhenizhui · 2018-05-11 11:36:44 +08:00 · 3400 次点击
    这是一个创建于 2389 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • openlayer v4
    • geoServer v2.12
    • postgres v9.6

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

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

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

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

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

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

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