Echarts是一個基于JavaScript的可視化庫，可以方便的實現各種酷炫的圖表和地圖。通常情況下，我們使用JSON格式的數據來實現地圖的展示。但是，在某些情況下，我們可能并不希望使用JSON文件來實現地圖的展示。那么，有沒有其他的方法呢？下面，我們就來介紹一下如何不使用JSON文件來展示地圖。

// 導入Echarts// 初始化地圖
var myChart = echarts.init(document.getElementById('main'));
// 設置地圖配置項
var option = {
 title: {
text: '世界地圖',
subtext: '數據來源：國際能源局2010年統計年鑒'
 },
 tooltip: {
trigger: 'item',
formatter: '{b}'
 },
 series: [
{
name: '世界地圖',
type: 'map',
mapType: 'world',
roam: true,
// 設置地圖的樣式
itemStyle: {
normal: {
areaColor: '#323c48',
borderColor: '#404a59'
},
emphasis: {
areaColor: '#2a333d'
}
},
// 設置地圖上的標記點
markPoint: {
symbol: 'pin',
symbolSize: 50,
label: {
show: true,
formatter: function(params){
return params.name;
}
},
data: [
{name: '中國', value: 100},
{name: '美國', value: 50},
{name: '俄羅斯', value: 80},
{name: '加拿大', value: 70},
{name: '巴西', value: 60},
{name: '澳大利亞', value: 90},
{name: '日本', value: 120},
{name: '印度', value: 30},
{name: '法國', value: 40},
{name: '英國', value: 20},
]
}
}
 ]
};
// 使用設置好的選項初始化地圖
myChart.setOption(option);

如上述代碼所示，我們在不使用JSON文件的情況下，實現了一個簡單的世界地圖，并且在地圖上加上了標記點。是不是很方便呢？如果你還沒有了解過使用echarts實現地圖的方法，不妨試一試。