首先，ECharts map的坐標需要存儲在壹個geoCoord屬性中，該屬性是JS的壹個字典對象，由鍵/值對組成。鍵表示點的名稱，而值表示點的坐標，由緯度和經度組成。它是壹個數組，如【136.00，32.00】，表示壹個坐標。
地圖類型圖中需要註意的要素。
標題:標題，顯示此地圖代表的名稱。
標題:{
正文:“白雲照亮中國”，
潛臺詞:‘青大。‘雲‘，
子鏈接:‘‘，
x:‘中心‘，
y:“頂部”，
文本樣式:{
顏色:‘# fff‘
}
}
工具箱:工具欄，顯示壹些顯示的工具，如放大、縮小、查看數據集、下載圖像等。
工具箱:{
顯示:真的，
功能:{
mark: { show: true }，
dataView: { show: true，readOnly: false }，
還原:{ show: true }，
saveAsImage: { show: true }
}
}
圖例:圖標顯示。當系列有多個地圖時，該值用於顯示多個地圖的圖標，這些圖標可以水平和垂直顯示。
圖例:{
x:‘左側‘，
y:“頂部”，
數據:【‘Online‘，‘offline‘】，//Online和offline對應系列的名稱。
SelectedMode: false，//選擇浮動。
文本樣式:{
顏色:‘# fff‘
}
}
系列:地圖顯示，用於在彼此之上顯示地圖。您可以定義多個地圖，第壹個地圖位於頂部，依此類推。
系列:【
//默認
{
名稱，‘底部模板‘，
類型:“地圖”，
地圖類型:“中國”，
資料:provinceMap，
geoCoord:來源，
項目樣式:{
正常:{
顏色:背景色，
邊框顏色:“#eee”，
標簽:{
顯示:真的，
文本樣式:{
顏色:“#fff”
}
}
}，強調:{ color:“rgba（128，128，128，0.5）“}
},
}]
標記點:點識別用於識別地圖上的點。這些點通常存儲在壹個geoCoord對象中，該對象是壹個字典，本文開頭介紹了該字典。
標記點:{//動態標簽
Large: true，//這個選項，暫停會自動失效。
symbolSize: 2，
項目樣式:{
正常:{
暗影模糊:2，
陰影顏色:‘rgba（37，140，249，0.8）‘，
顏色:onColor
}
},
數據:【】
}
markPoint中的數據對象是需要在此地圖上顯示的點。這是壹個字符數組，用於存儲geoCoord中的密鑰！
SetOption:將地圖對象添加到指定的地圖對象。
var myChart = echarts . init（document . getelementbyid（‘main‘））；
var option = { }；
myChart.setOption（選項）；
在地圖上動態構建點標記。
總體思路是將要標記的點動態支付給geoCoord和markPoint的數據對象，這樣就可以在地圖上動態標記這些點。
$.get（“/map/GetOffMap“，function（data）{
for（數據中的變量I ）{
選項。系列【0】。geo coord【data【I】。經度+“_“+數據【I】。latitude】=【parse float（data【I】。經度）、parse float（data【I】。緯度】；
option . series【1】。markpoint。data。push（{ name:data【I】。經度+“_“+數據【I】。緯度}）；
}
myChart.setOption（選項）；