前言
首先我说说为啥出这个教程吧？
1. 现在可视化也是一个热趋势，当然目前开发可视化的框架很多，我接触过的有UE4、unity3D、three.js等等
为什么选择three.js,因为three.js更贴近前端工程师（HTML/CSS/JS/Nodejs/Vue/React/Ts....）而unity3D和UE4最常见的应用场景自然就是游戏了，当然除了游戏还有建筑、机械、室内设计、VR、服装、电子产品等领域需要通过unity3D或UE4开发3D应用程序，但是学习成本比three.js高。
2. 目前关于three.js课程很稀缺
路途遥远 ，希望给个👍👍👍
全能电子地图下载器
全能电子地图下载器是一款专门下载地图瓦片数据的工具，提供了包括百度地图、谷歌卫星图、腾讯卫星图在内的多种地图，同时还具备了测量距离、测量面积以及火星坐标和地球坐标相互转换等功能。主打功能就是地图下载功能，不仅可以下载高清在线地图，而且能够将地图打印成纸质版，同时又不会影响地图的清晰度。
我这提供了一个下载链接，这个是无需安装并且是免费的，也可以自行下载其他的软件
准备工作
🎈地图选择
💿可以选择其他的地图，我选择的是高德地图的卫星图，地图级别选择16
🔮下载地图
💾第一步：选择下载的路径，第二步以北京机场为中心画个区域，第三部开始下载，下载需要40秒，请耐心等待
📷下载成功之后我们选择
是
📹选择是会出现一个弹窗，会自动下载，等待下载就行
🎥下载成功之后会自动弹窗一个文件夹其中.tif后缀就是我们要的东西
用ps对图片进行处理
💻因为图片太大，我要对图片进行一个裁剪
对图片进行一个方形处理
将图片进行一个拆分
如何对每个图片进行裁剪
依次类推，最后弄成这样
blender的下载
📺百度搜索斑斓中国
📱选择导航栏中的
下载/汉化，下载推荐使用镜像下载
Blender搭建场外环境
🍟 打开blender，删除里面会有默认的模型的方法：
1.选中模型按键盘的Delete键删除
2.选中模型右键选择删除
3.选中模型按键盘的X键删除
🍗 点击右侧的坐标系中的Z，并且可以看到左侧显示的时正交顶视图
🍖 创建一个平面
Shift+A 选择网格在选择平面
🍝 平面的尺寸我们的是
265，这个是怎么来的呢？ 我这是根据你剪切图片的分辨率进行计算的，比如我的图片的分辨率是2645*2645,2645/10=264.5≈265
🍛 将平面设置为
游标->世界原点
🍤 创建其他平面和吸附
选中平面，shift+D 复制一个物体，上方有个小磁铁中选择吸附至顶点，复制的物体按键盘的G键就能移动，按住crlt并移动物体就能实现自动吸附
依次类推，最后我们搭建一个6*6的平面
选中36个平面，
shift+S 选择选中项->游标（保持偏移）
把每个平面进行命名，方便贴图
添加图片材质
点击上方的shading(着色)，进入着色模式，在这种模式下添加材质球，附加图片材质
以此类推，全部添加图片材质，最后的效果图
💢注意
🐾切换到layout，我们会发现之前的贴图还像没生效的样子，选择视图着色方式：材质预览
添加天空
添加天空球
💐首先我们shift+A选择网格-->经纬球，按S键进行缩放，按键盘的左右键进行细微的调节
添加材质
🌸跟之前添加的材质方法一样
🌷添加一个图片材质，高光给改为
0，不然曝光了
🍀图片是天空的HDR,没有条件的看这里
🌹这里我们的天空贴图就弄好了,大概这个样子
将天空球剪切至半球
🌻首先将坐标系
-x朝上，如图所示，这里这样做的目的是为下面的更好的选择下半球顶点，不会出现多选或者少选的情况，避免二次调整。
🌺选择
编辑模式（在左侧编辑的下方），也可以是使用快捷键Tab,编辑模式我们我们选择顶点模式
🍁看看右侧这个是否选择上，没有选择上，看下图所示，这个叫
透视模式，如果你不勾选这个模式，选择删除的顶点区域的时候，选择是你可视区域的顶点，勾选上后，这个是整个该区域前后左右的顶点
🍃选中后按
X键删除，会出现一个弹窗选择第一个顶点即可
看一下完整的操作步骤：
最后的效果图：★,°:.☆(￣▽￣)/$:.°★ 。
