echart 是一個非常好用的數據可視化工具，可以通過它來輕松地繪制各種圖表，包括地圖。而為地圖添加自定義數據，通常就需要將數據以 json 的形式加載進來。下面是一個簡單的教程，介紹了如何使用 echart 加載一個 json 地圖。

// 假設要加載的地圖數據存儲在 data.json 文件中
$.getJSON('data.json', function(data){
// 初始化 echart 實例
var myChart = echarts.init(document.getElementById('main'));
// 獲得地圖 json 數據
echarts.registerMap('myMap', data);
// 配置地圖屬性
var option = {
// 地圖類型
series : [
{
type: 'map',
// 加載的地圖數據名稱
map: 'myMap'
}
]
};
// 設置選項并渲染圖表
myChart.setOption(option);
});

首先，我們需要引入 echart 的 JS 文件，同時在 HTML 中準備一個容器，稍后用于渲染地圖。然后，通過 jQuery 的 getJSON 方法來異步加載 data.json 文件。

然后，使用 echarts.registerMap 方法來注冊地圖數據。在這里，我們將地圖數據命名為 myMap。接著，設置選項，即配置地圖的屬性。在這個例子中，我們只需要設置地圖類型和加載的地圖數據名稱。

最后，使用 myChart.setOption 方法來設置選項并渲染圖表。這樣一個簡單的地圖就繪制出來了。