在Three.js中绘制中国地图,通常有两种方法:一种是使用Three.js直接根据地理坐标绘制,另一种是结合其他库(如Echarts)来实现。以下是基于Three.js直接绘制中国地图的基本步骤:
获取地图数据:首先,你需要获取中国地图的地理坐标数据。这些数据通常以GeoJ...
yekong
8个月前 (02-24)
vue 数据大屏项目开发中,有时候会需要实现3d地图下钻效果,这里我们使用echarts-gl来实现3d地图。今天的3d地图是从中国->省->市三级下钻实例。除了使用echarts实现3d地图下钻,我们还可以使用threejs来实现下钻效果,threejs 3d地图实...
yekong
1年前 (2023-10-14)
threejs 3d地图粒子效果项目中,我们需要下钻效果,准备了地图数据实现了河北省从省到市的下钻效果实例。
在线演示地址
threejs 3d地图粒子效果下钻版 - 河北省
效果截图
下钻效果
threejs 3d地图粒子效果河北省下钻到石家庄市效果图
threejs 3...
yekong
1年前 (2023-10-11)
threejs 3d地图粒子效果实例,可以结合threejs 3d地图实现省份下钻实例实现下钻。
演示实例
threejs 3d地图粒子效果
其他实例
带下钻实例的地图效果
threejs 3d地图粒子效果下钻版 - 江西省
threejs 3d地图粒子效果下钻版 - 河北省
t...
yekong
1年前 (2023-10-09)
threejs 3d地图粒子效果项目中,我们需要下钻效果,准备了地图数据实现了江西省从省到市的下钻效果实例。
在线演示地址
threejs 3d地图粒子效果下钻版 - 江西省
效果截图
下钻效果
threejs 3d地图粒子效果江西省下钻到南昌市效果图
threejs 3d...
yekong
1年前 (2023-09-28)
之前我们实现的是:地图标签要显示自定义图标,并且鼠标移入地图后,弹窗显示地图区域的内容,今天我们在之前的基础上进行二次修改,我们不需要鼠标移入地图显示弹窗了,我们改为点击自定义图标显示弹窗。
threejs版本号
"three": "^0.154....
yekong
1年前 (2023-09-28)
vue 数据大屏项目开发中,需要实现3d地图下钻效果,这里我们使用echarts-gl来实现3d地图。
渲染地图首先要安装依赖
使用echarts实现3d地图,我们需要安装依赖,echarts和echarts-gl的版本是一一对应的,版本差别很大可能会报错,这里我们使用的是e...
yekong
1年前 (2023-09-10)
数据可视化大屏项目开发过程中经常需要地图geo数据,这里将数据获取的方式整理出来,供大家参考。
阿里云GeoJSON在线工具
地址:阿里云GeoJSON在线工具
通过该工具可以轻松获得中国所有省份、地级市的包含子行政区轮廓经纬度坐标。
geojson.io工具
geojson.i...
yekong
1年前 (2023-08-02)
数据可视化大屏项目开发工程中,对效果追求越来越高,之前我们实现的是:threejs 3d地图通过gsap实现从远到近的入场动画,今天要实现的效果是:地图标签要显示自定义图标,并且鼠标移入地图后,弹窗显示地图区域的内容。
threejs版本号
"three": "^0.154.0...
yekong
1年前 (2023-07-28)
数据可视化大屏项目开发工程中,对效果追求越来越高,所以前端也需要不断的积累效果,以便于快速应用到项目用,不用等到用的时候才想到开发,时间上就紧张了,今天要实现的是地图从远到近的入场动画。
threejs版本号
"three": "^0.154.0",
vue版本号
"vue...
yekong
1年前 (2023-07-28)