在Three.js中绘制中国地图，通常有两种方法：一种是使用Three.js直接根据地理坐标绘制，另一种是结合其他库（如Echarts）来实现。以下是基于Three.js直接绘制中国地图的基本步骤：
获取地图数据：首先，你需要获取中国地图的地理坐标数据。这些数据通常以GeoJ...
1年前 (2024-02-24)
喜欢
vue 数据大屏项目开发中，有时候会需要实现3d地图下钻效果，这里我们使用echarts-gl来实现3d地图。今天的3d地图是从中国->省->市三级下钻实例。除了使用echarts实现3d地图下钻，我们还可以使用threejs来实现下钻效果，threejs 3d地图实...
2年前 (2023-10-14)
喜欢
之前我们实现的是：地图标签要显示自定义图标，并且鼠标移入地图后，弹窗显示地图区域的内容，今天我们在之前的基础上进行二次修改，我们不需要鼠标移入地图显示弹窗了，我们改为点击自定义图标显示弹窗。
threejs版本号
"three": "^0.154....
2年前 (2023-09-28)
喜欢
vue 数据大屏项目开发中，需要实现3d地图下钻效果，这里我们使用echarts-gl来实现3d地图。
渲染地图首先要安装依赖
使用echarts实现3d地图，我们需要安装依赖，echarts和echarts-gl的版本是一一对应的，版本差别很大可能会报错，这里我们使用的是e...
2年前 (2023-09-10)
喜欢
数据可视化大屏项目开发过程中经常需要地图geo数据，这里将数据获取的方式整理出来，供大家参考。
阿里云GeoJSON在线工具
地址：阿里云GeoJSON在线工具
通过该工具可以轻松获得中国所有省份、地级市的包含子行政区轮廓经纬度坐标。
geojson.io工具
geojson.i...
2年前 (2023-08-02)
喜欢
数据可视化大屏项目开发工程中，对效果追求越来越高，之前我们实现的是：threejs 3d地图通过gsap实现从远到近的入场动画，今天要实现的效果是：地图标签要显示自定义图标，并且鼠标移入地图后，弹窗显示地图区域的内容。
threejs版本号
"three": "^0.154.0...
2年前 (2023-07-28)
喜欢
数据可视化大屏项目开发工程中，对效果追求越来越高，所以前端也需要不断的积累效果，以便于快速应用到项目用，不用等到用的时候才想到开发，时间上就紧张了，今天要实现的是地图从远到近的入场动画。
threejs版本号
"three": "^0.154.0",
vue版本号
"vue...
2年前 (2023-07-28)
喜欢
在之前我们使用echarts绘制的可以下钻的3d地图，vue echarts-gl 3d地图从中国下钻到市级实例，但是echarts-gl绘制出来的3d地图自定义程度不够，我们想要更加灵活的自定义3d地图，所以选择使用threejs来实现3d地图，今天我们来使用threejs来实...
2年前 (2023-07-03)
喜欢
在之前的threejs 绘制地图高度不受经纬度影响，我们解决了高度问题，但是又衍生出了新的问题，就是地图出现凹陷的情况，我们需要处理一下这种情况。
这种情况可能是由于地图区域在渲染时，高度数值与其他区域相比过低。为了使地图区域不再看起来像凹下去的一块，可以对高度数值进行一定的调整...
2年前 (2023-07-03)
喜欢
在使用threejs绘制地图的时候，threejs 在vue3项目中绘制3d地图效果实例，最近想着做一个地图下钻的效果，但是地图的高度会受到经纬度的影响，进而导致绘制出来的地图高度会跟着受影响，所以我们需要处理一下。
在使用Three.js进行地理空间数据的可视化时，经纬度会影响...
2年前 (2023-07-03)
喜欢
