# echarts-map3d

**Repository Path**: Zxianping/echarts-map3d

## Basic Information

- **Project Name**: echarts-map3d
- **Description**: ECharts3D地图
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-07-08
- **Last Updated**: 2024-07-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center"> ECharts3D地图</h1>

- 感谢 [ECharts3D 地图(详细示例——附有具体注释)](https://blog.csdn.net/GRAY_KEY/article/details/81295961) 。

### 插件版本

```
echarts-gl 1.1.2
```

```
echarts 4.2.1
```

### 如有错误，请指正

### 效果图

- map3d.html 采用上边所述的 echarts 版本。（效果见下图）
  ![输入图片说明](screenshot/20211223151749.png)

- MiddleTopMap1.vue 文件通过最新 echarts 和 echarts-gl 采用 map3D 实现的效果。（效果见下图）
  ![输入图片说明](screenshot/4448ed59acc0f78cb95acf8c22d5fcd8.gif)

- echarts+geo3D+bar3d.vue 文件通过最新 echarts 和 echarts-gl 采用 geo3D 实现的效果。（效果见下图）
  ![输入图片说明](screenshot/20211228_134608.gif)

- MiddleTopMap1 copy 两个 3D 图层叠加效果展示.vue 文件通过最新 echarts 和 echarts-gl 采用 geo3d+ map3D + bar3d 实现的效果。同时，添加了纹理效果。<ps：本想每个区域都添加不同纹理效果，奈何技术有限没有实现，曾尝试修改源码，总有各种问题出现。>（效果见下图）

![输入图片说明](<screenshot/8c9551159d01673a4f2926f8e721a71a(1).gif>)