取得的效果：
1 .本身就是中国的地图‘
2 .用经纬度直接标注
3 .标记点可以是其他形式(五角星) )。
4 .尺寸点有提示框，鼠标可以进入
5 .可以单击提示框中的链接(可以作为链接事件添加)；
必要的技术
直接加码
$(document ).ready (function ) )。
$.Ajax({
url: '，
类型： '开机自检'，
dataType:'json '，
data:{num:1000}，
dataType:'json '，
success :功能(data ) {
var list=data.result；
var markPointData=[]；
for(varI=0； i list.length； I ) {
var num=[]；
var ok=list[i].address；
var num=ok.split ('，')；
markPointData.push({ (
' name ' : list [ I ].organization name，
' coord': num，
' runConut': list[i].mun17，
' unitCount': list[i].mun18，
' organization id ' : list [ I ].organization id
)；
(；
console.log (标记数据；
//地图
varmychart=e charts.init (document.getelementbyid (' main ' )；
//映射图配置
var option={
' tooltip': {//提示框架组件。
' trigger': 'item '，//触发器类型散点图
“enterable': true，//鼠标是否进入提示框
“transitionDuration': 1，//提示框移动动画过渡时间
' Formatter':function(Params ) {
控制台. log (params；
return '' params.name '
管理干部培训' params.data.runConut '人
优秀教师培训' params.data.unitCount '人
'//if (params.series index==0JSON.stringify (markpoint data ).index of (params.name )-1 ) {
//return '
' params.data.name '
管理干部培训' params.data.runConut '人
优秀教师培训' params.data.unitCount '人'//}
(，
'背景颜色' : ' # fff '，
' borderWidth': '1px '，
' borderRadius': '5'，
“边框颜色”:“rgba (72，150，128，1 )，
' textStyle': {
//' color ' : ' rgba (94，194，222，1 )。
(，
' padding': 22
(，
' series': [{//系列列表]
' name': '中国'，
'类型' : '地图'，
' mapType': 'china '，
' zgdbm': 1，//当前视角的缩放。
' selectedMode': false，
'布局中心' : [ ' 50 % '，' 53%']，
' layoutSize': '102% '，
“label': {//图表上的文本标签。 可用于说明图表的数据信息，如值、名称等
' normal': {
' show': false，
' textStyle': {
' color': '#fff '，
' fontSize': '12 '
}
(，
' emphasis': {
' show': false，
' textStyle': {
' color': '#fff '，
' fontSize': '12 '
}
}
(，
' markPoint': {//图表标记。
' symbol': 'path://m 51239.384615 l 169.353846295.384615342.64615463.015385-240.246154248.123077 l 827.076923984.615385 l-315.076923-23
' symbolSize':10，
' label': {
' normal': {
' show': true，
(，
' emphasis': {
show :真，
}
(，
' itemStyle': {
' normal': {
' color ' : ' rgba (72，150，128，1 )。
}
(，
' data ' :标记点数据
}
() ) ]
(；
mychart.setoption(option；
varmychart=e charts.init (document.getelementbyid (' main ' )；
}
() )