https://github.com/chemistwang/demo-threejs-chinamap

ThreeJS实现的3D中国可视化地图
https://github.com/chemistwang/demo-threejs-chinamap

3dmap react threejs

Last synced: about 2 months ago
JSON representation

ThreeJS实现的3D中国可视化地图

• Host: GitHub
• URL: https://github.com/chemistwang/demo-threejs-chinamap
• Owner: chemistwang
• License: mit
• Created: 2023-03-17T07:08:58.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-17T02:25:51.000Z (about 1 year ago)
• Last Synced: 2025-04-10T23:08:01.968Z (about 2 months ago)
• Topics: 3dmap, react, threejs
• Language: TypeScript
• Homepage: https://demo-threejs-chinamap.vercel.app
• Size: 14.2 MB
• Stars: 64
• Watchers: 1
• Forks: 17
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ThreeJS 实现 3D 地图

## 效果图

![3dmap](/demo/3dmap.gif)

## 运行

```bash

npm i && npm start

```

## 功能项

- [x] 适配 resize 事件

- [x] 地图下钻和过渡动画

- [x] 扩散点

- [x] 轨迹线

- [x] 雷达

- [x] 点光源

- [x] Line2

- [x] 加载 glb 动画模型

- [x] 根据地图外接矩形动态缩放大小

## 技术栈

- React

- ThreeJS

## 知识点

- ThreeJS 基础知识

- 墨卡托投影转换

- Shadar