最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

介绍 最近我在研究3D地图的开发，做久了慢慢觉得整个场景不够真实，究其原因是缺少一些自然的元素，于是突发奇想能否把自然四大元素整合到场景里。江海河流湖泊在地图中国占据的比例较高，就优先研究了下在高德地

最近在做可视化图层开发的时候，发现我们自己开发的图层一些优秀的案例比起来，差了后期效果合成环节。于是研究了高德地图JSAPI2.0和GLCustomLayer，探索如何将后期特效接入到3D图层。

备注：这里有个问题，由于面板展示需要在区域掩模外面，使用高德地图1.4版本时候，超出区域掩模的都被隐藏，所以最后选用2.0版本才能正常展示，但是2.0版本又不支持添加3D高度面wall。

我正在参加「掘金·启航计划」 在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿里云提供的小工具获取，properties中包含了名字、中心、质心等信息

之前做3D行政区划都是一个纯色的立体区划块，那么现在也可以把地图图层添加上去。使用高德结合Three.js简单的调整就能实现并且可以添加点位这个不要担心。

我正在参加「掘金·启航计划」 threejs 引入地图模型怎么让模型在放大倍数之后还在div盒子的中心位置 当模型放大倍数之后，它将从中心点开始扩展。要确保模型始终在div盒子的中心位置，请采用以下步

先上效果： 不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈 本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类 1、使用geoJson绘制3d地图

常用的3D区块地图除了那个区块，还要满足波纹散点、渐变柱体、飞线、下钻上卷、视角适配等，点开我，这就安排！用Three.js给你搞一个！