技术解析

这个 3D 可交互的地图 怎么做?
0
2021-09-02 03:15:57
idczone

我想做一个 3D 的地图,可交互的。主要是点击之类的事件

当鼠标点击某个区域时,某个区域就会慢慢升起。而且区域可变色。

中国地图

当鼠标升到广东时,广东这块地区就会。慢慢升起(有一个过程)。。

当然下图的广东地图应该是在中国地图上,只是广东这块区域升起来了。(暂时没找到样例图 所以大家联想一下吧。)

广东地图


highcharts ?

echarts,highcharts 应该都可以的

echarts 试了,里面的确可以做到 图一的效果。但交互无法完成。比如我要不同的区不同的颜色。点击后可以变色,并慢慢升起。echarts 做不到。他可以升起。但没有动画没有过程。

而且无法自定义区域。比如我一个广东广州市的。鼠标点击天河区。天河区可以慢慢升起。并变色。可惜的是。并没有 区的细分

mapbox 可以轻松实现,GIS 的功能还是应该用 GIS 来解决

Echarts 2 里面好像有地图叫下沉式地图?省市区县镇这种,不过需要详尽的对应经纬度好像。

webgl 了解下

webgl ……可能有点大材小用了不过

基本上是用 webgl 了,而且还需要有个会做模型的人给你做模型

http://antv.alipay.com/zh-cn/index.html

Cesium 了解一下,每个省就是个 polygon,给个厚度就有图上效果了。鼠标移入到每个 polygon 上修改厚度就 OK 了。动画的话也简单,Cesium 是有时间轴这个概念的,移入之每 xx 毫秒增加高度就行。

mapbox

这不就是我们 GIS 专业搬砖人员一天到晚做的事吗...(doge)

请问图一的上升的那一部分是怎么实现的呢?想知道,等待等待

我选 了用 WEBGL 去做了一个 3D 的场景。。。发现现在 的所部地图 都是为了显示数据。
![地图]( )

我是想尽量就用 echarts 解决,就是你图一那种效果,中间有一部分区域上升凸出来,我看你说可以实现,我研究两天了,也没有实现这个。WEBGL 这个没有用过,感觉我没办法在一定的时间内弄出来。

已经实现 了。就是要点击某一个区,然后 哪个区 3D 的形式慢慢升起。然后再播放业务动画。WEBGL 可能有点难。我是花了不少时间去完成。或者你可以想想别的方法。呵呵

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服