ECharts是一款基于JavaScript的開源可視化庫，支持各種圖表類型，包括折線圖、柱狀圖、散點圖和地圖等。本文將介紹如何使用ECharts通過JSON顯示地圖。

首先，需要準備好地圖的JSON數據。ECharts支持地圖數據的格式包括JS、JSON、XML和CSV等。為了方便，我們可以使用百度地圖提供的geojson數據格式，該數據格式可以通過以下鏈接獲取：

http://echarts.baidu.com/gallery/data/geojson/china.json

接著，我們需要引入ECharts的JavaScript文件和數據文件。可以通過以下代碼實現：

然后，我們需要定義一個div容器來放置地圖。可以通過以下代碼實現：

接著，我們需要在JavaScript中進行地圖的配置和繪制。可以通過以下代碼實現：

var chart = echarts.init(document.getElementById('map'));
chart.setOption({
tooltip: {
trigger: 'item'
},
series: [{
type: 'map',
map: 'china',
label: {
show: true
},
itemStyle: {
normal: {
borderWidth: 0.5,
borderColor: '#FFFFFF'
}
},
data: [{
name: '北京',
value: Math.round(Math.random() * 500)
}, {
name: '天津',
value: Math.round(Math.random() * 500)
}, {
name: '上海',
value: Math.round(Math.random() * 500)
}]
}]
});

通過以上代碼，我們已經完成了地圖的配置和繪制。具體來說，我們通過setOption方法設置了地圖的類型、數據、樣式和交互等屬性，然后通過echarts.init方法初始化地圖容器，并將配置參數傳遞給setOption方法。

最后，我們可以通過以下代碼查看地圖的效果：

chart.setOption(option);

當我們運行以上代碼后，就可以在瀏覽器中看到一張以JSON數據為基礎的中國地圖。