首先，ECharts地圖的坐標需要存儲在壹個geoCoord屬性中，這個屬性是JS的壹個字典對象，由鍵/值對組成。鍵表示點的名稱，而值表示點的坐標，由緯度和經度組成。它是壹個數組，比如[136.00，32.00]，代表壹個坐標。
地圖類型圖中需要註意的要素。
Title: Title，顯示此地圖所代表的名稱。
標題:{
正文:“白雲照亮中國”，
潛臺詞:‘青大。雲'，
子鏈接: ''，
x:'中心'，
y:'頂部'，
textStyle: {
顏色:' #fff '
}
}
工具箱:工具欄，顯示壹些顯示的工具，如放大、縮小、查看數據集、下載圖片等。
工具箱:{
秀:真的，
功能:{
馬克:{ show: true }，
dataView: { show: true，readOnly: false }，
還原:{ show: true }，
saveAsImage: { show: true }
}
}
圖例:圖標顯示。當系列有多個地圖時，該值用於顯示多個地圖的圖標，可以水平和垂直顯示。
圖例:{
x:'左'，
y:'頂部'，
數據:['online '，' offline']，//Online和offline對應系列的名稱。
SelectedMode: false，//選擇浮動。
textStyle: {
顏色:' #fff '
}
}
系列:地圖顯示，用於將地圖顯示在彼此之上。您可以定義多個地圖，第壹個在頂部，依此類推。
系列:[
//默認
{
名稱，'底部模板'，
類型:“地圖”，
地圖類型:“中國”，
數據:provinceMap，
geoCoord:來源，
項目樣式:{
正常:{
顏色:bgColor，
borderColor: "#eee "，
標簽:{
秀:真的，
textStyle: {
顏色:" #fff "
}
}
}，強調:{ color: "rgba(128，128，128，0.5)" }
},
}]
MarkPoint:點標識用於標識地圖上的點。這些點通常存儲在壹個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 in data) {
選項.系列[0]。geoCoord[data[i].經度+ "_" +數據[i]。latitude] = [parseFloat(data[i].經度)、parseFloat(data[i])。緯度)]；
option . series[1]. markpoint . data . push({ name:data[I].經度+ "_" +數據[i]。緯度})；
}
myChart.setOption(選項)；