网页端实时修改地图,能否实现? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
zhenizhui
V2EX    程序员

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

  •  
  •   zhenizhui
    zhenizhui 2018-05-11 11:36:44 +08:00 3980 次点击
    这是一个创建于 2797 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 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     Solana     4753 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 09:51 PVG 17:51 LAX 01:51 JFK 04:51
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86