「这是我参与2022首次更文挑战的第22天，活动详情查看：2022首次更文挑战」 简介 地图下钻听起来是很厉害的技术，当你明白后会发现，实现它非常的简单。

利用three.js实现带凹凸地形效果的立体行政区域地块展现。这不仅仅关乎简单的几何形状构建，更涉及到了如何巧妙运用材质属性来模拟复杂的地形起伏与光照效果，使得虚拟的地块细节丰富有立体感。

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

前言 终于到周末了，前几篇的文章一直给大家介绍2d，canvas 和svg的一些东西。7月份我打算输出3篇万字长文带大家系统地学习可视化表达的3种方式，svg、canvas、webgl。所以这是第一篇

在这里记录一下最近在项目中实现的3D地图，加强一下记忆，也能够给大家在用ThreeJS生成区域地图方面提供一种自己的解决思路。

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

❤初识three.js，搭建three.js+vue.js项目1、简介 地址： threejs官网： three.js官网：https://threejs.org/ three.js中文官网