echarts 是一個基于 JavaScript 的可視化庫，它能夠輕松地制作各種圖表。其中引入地圖 json 是 echarts 中非常重要的功能之一，它可以幫助我們在地圖上展示數據。下面我們就來介紹一下如何使用 echarts 引入地圖 json。

首先，我們需要進入

https://github.com/apache/echarts/tree/master/map/json

，這是 echarts 官方提供的地圖 json 文件庫。在這里你可以找到全球各個國家和地區的地圖 json 文件。

例如，我們想要使用中國地圖，我們就可以在文件夾

china

下找到

china.json

文件。將這個文件拷貝到你的項目中，然后通過使用 echarts 組件，引入這個地圖 json 文件。

// 引入 echarts 組件
import echarts from 'echarts/lib/echarts';
// 引入 echarts 地圖組件
import 'echarts/lib/chart/map';
// 引入 echarts 地圖 json 數據
import chinaMapJson from '@/assets/china.json';
// 創建 div 容器
// 創建 echarts 實例對象
const myChart = echarts.init(document.getElementById('main'));
// echarts 地圖配置項
const option = {
series: [{
name: '中國',
type: 'map',
map: 'china',
}]
};
// 注冊地圖 json 數據
echarts.registerMap('china', chinaMapJson);
// 渲染地圖
myChart.setOption(option);

在上面的代碼中，我們首先引入了 echarts 組件和 echarts 地圖組件。然后通過 import 引入了我們的地圖 json 文件。接著創建 echarts 實例對象和 echarts 地圖配置項，并傳入了我們剛剛引入的地圖 json 數據，并注冊地圖名稱。最后我們再通過調用 myChart.setOption(option) 渲染地圖，完成了 echarts 引入地圖 json 的操作。