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

2018-05-11 11:36:44 +08:00
 zhenizhui

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

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

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

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

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

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

实在不知道怎么弄,望指教
zhenizhui
2018-05-11 16:44:48 +08:00
@Ludwiyk #7 但是数据量大会不会不太好?但是如果用瓦片图等图片资源传过来在浏览器显示,我又不知道如何实现实时修改,望指教,谢谢
Ludwiyk
2018-05-11 16:59:45 +08:00
矢量切片了解一下,结合 WebGL 绘制效率还是可以的,就是用工具配图完生成的也是类似 geojson 的配置文件,实时的修改这个配置文件就可以,用 GeoServer 的话要解决矢量切片的实时更新问题,最近也在研究类似的技术方案
beginor
2018-05-11 18:24:26 +08:00
mapbox 了解一下
beginor
2018-05-11 18:25:53 +08:00
ol 也有 mbstyle 插件
tc9011
2018-05-12 01:45:17 +08:00
蜂鸟地图好像就可以在线编辑,他们是分图层然后结合 WebGL 渲染
sakitamFDD
2018-05-12 10:02:00 +08:00
我知道是类似于 mapbox studio 和高德自定义地图类似的功能,仅仅使用 ol 可能做不了。具体可以看下 geoserver 的矢量切片,pbf 格式的。但是也是只能渲染简单图形,像纹理这些就不太好弄。ol 对 gl 的支持还是比较弱。
sakitamFDD
2018-05-12 10:05:45 +08:00
@zhenizhui 百度的是后台渲染使用的 node。高德的前端渲染的,因为他的 js api 对 webgl 支持比较好,所以复杂样式都可以做,但是限制了只能他们平台使用。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/454010

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX