world.js 世界地图显示中文名称时候，一些国家名称位置偏移echarts scatter配置项内容和展示
世界地图名称显示为中文时候，美国，俄罗斯位置都有偏差，即使是英文显示时候，法国的位置也有偏差
配置项如下
function randomValue() {
return Math.round(Math.random() * 1000);
}
option = {
tooltip: {
trigger: 'item',
formatter: '{b}',
},
toolbox: {
show: true,
orient: 'vertical',
left: 'right',
top: 'center',
feature: {
dataView: {
readOnly: false
},
restore: {},
saveAsImage: {}
}
},
visualMap: {
min: 0,
max: 1500,
left: 'left',
top: 'bottom',
//text: ['High','Low'],
seriesIndex: [1],
inRange: {
color: ['#e0ffff', '#006edd']
},
itemWidth: 0,
itemHeight: 0,
calculable: false
},
geo: {
map: 'world',
roam: true,
selectedMode: 'single',
nameMap: {
'Afghanistan': '阿富汗',
'Angola': '安哥拉',
'Albania': '阿尔巴尼亚',
'United Arab Emirates': '阿联酋',
'Argentina': '阿根廷',
'Armenia': '亚美尼亚',
'French Southern and Antarctic Lands': '法属南半球和南极领地',
'Australia': '澳大利亚',
'Austria': '奥地利',
'Azerbaijan': '阿塞拜疆',
'Burundi': '布隆迪',
'Belgium': '比利时',
'Benin': '贝宁',
'Burkina Faso': '布基纳法索',
'Bangladesh': '孟加拉国',
'Bulgaria': '保加利亚',
'The Bahamas': '巴哈马',
'Bosnia and Herzegovina': '波斯尼亚和黑塞哥维那',
'Belarus': '白俄罗斯',
'Belize': '伯利兹',
'Bermuda': '百慕大',
'Bolivia': '玻利维亚',
'Brazil': '巴西',
'Brunei': '文莱',
'Bhutan': '不丹',
'Botswana': '博茨瓦纳',
'Central African Republic': '中非共和国',
'Canada': '加拿大',
'Switzerland': '瑞士',
'Chile': '智利',
'China': '中国',
'Ivory Coast': '象牙海岸',
'Cameroon': '喀麦隆',
'Democratic Republic of the Congo': '刚果民主共和国',
'Republic of the Congo': '刚果共和国',
'Colombia': '哥伦比亚',
'Costa Rica': '哥斯达黎加',
'Cuba': '古巴',
'Northern Cyprus': '北塞浦路斯',
'Cyprus': '塞浦路斯',
'Czech Republic': '捷克共和国',
'Germany': '德国',
'Djibouti': '吉布提',
'Denmark': '丹麦',
'Dominican Republic': '多明尼加共和国',
'Algeria': '阿尔及利亚',
'Ecuador': '厄瓜多尔',
'Egypt': '埃及',
'Eritrea': '厄立特里亚',
'Spain': '西班牙',
'Estonia': '爱沙尼亚',
'Ethiopia': '埃塞俄比亚',
'Finland': '芬兰',
'Fiji': '斐',
'Falkland Islands': '福克兰群岛',
'France': '法国',
'Gabon': '加蓬',
'United Kingdom': '英国',
'Georgia': '格鲁吉亚',
'Ghana': '加纳',
'Guinea': '几内亚',
'Gambia': '冈比亚',
'Guinea Bissau': '几内亚比绍',
'Equatorial Guinea': '赤道几内亚',
'Greece': '希腊',
'Greenland': '格陵兰',
'Guatemala': '危地马拉',
'French Guiana': '法属圭亚那',
'Guyana': '圭亚那',
'Honduras': '洪都拉斯',
'Croatia': '克罗地亚',
'Haiti': '海地',
'Hungary': '匈牙利',
'Indonesia': '印尼',
'India': '印度',
'Ireland': '爱尔兰',
'Iran': '伊朗',
'Iraq': '伊拉克',
'Iceland': '冰岛',
'Israel': '以色列',
'Italy': '意大利',
'Jamaica': '牙买加',
'Jordan': '约旦',
'Japan': '日本',
'Kazakhstan': '哈萨克斯坦',
'Kenya': '肯尼亚',
'Kyrgyzstan': '吉尔吉斯斯坦',
'Cambodia': '柬埔寨',
'South Korea': '韩国',
'Kosovo': '科索沃',
'Kuwait': '科威特',
'Laos': '老挝',
'Lebanon': '黎巴嫩',
'Liberia': '利比里亚',
'Libya': '利比亚',
'Sri Lanka': '斯里兰卡',
'Lesotho': '莱索托',
'Lithuania': '立陶宛',
'Luxembourg': '卢森堡',
'Latvia': '拉脱维亚',
'Morocco': '摩洛哥',
'Moldova': '摩尔多瓦',
'Madagascar': '马达加斯加',
'Mexico': '墨西哥',
'Macedonia': '马其顿',
'Mali': '马里',
'Myanmar': '缅甸',
'Montenegro': '黑山',
'Mongolia': '蒙古',
'Mozambique': '莫桑比克',
'Mauritania': '毛里塔尼亚',
'Malawi': '马拉维',
'Malaysia': '马来西亚',
'Namibia': '纳米比亚',
'New Caledonia': '新喀里多尼亚',
'Niger': '尼日尔',
'Nigeria': '尼日利亚',
'Nicaragua': '尼加拉瓜',
'Netherlands': '荷兰',
'Norway': '挪威',
'Nepal': '尼泊尔',
'New Zealand': '新西兰',
'Oman': '阿曼',
'Pakistan': '巴基斯坦',
'Panama': '巴拿马',
'Peru': '秘鲁',
'Philippines': '菲律宾',
'Papua New Guinea': '巴布亚新几内亚',
'Poland': '波兰',
'Puerto Rico': '波多黎各',
'North Korea': '北朝鲜',
'Portugal': '葡萄牙',
'Paraguay': '巴拉圭',
'Qatar': '卡塔尔',
'Romania': '罗马尼亚',
'Russia': '俄罗斯',
'Rwanda': '卢旺达',
'Western Sahara': '西撒哈拉',
'Saudi Arabia': '沙特阿拉伯',
'Sudan': '苏丹',
'South Sudan': '南苏丹',
'Senegal': '塞内加尔',
'Solomon Islands': '所罗门群岛',
'Sierra Leone': '塞拉利昂',
'El Salvador': '萨尔瓦多',
'Somaliland': '索马里兰',
'Somalia': '索马里',
'Republic of Serbia': '塞尔维亚共和国',
'Suriname': '苏里南',
'Slovakia': '斯洛伐克',
'Slovenia': '斯洛文尼亚',
'Sweden': '瑞典',
'Swaziland': '斯威士兰',
'Syria': '叙利亚',
'Chad': '乍得',
'Togo': '多哥',
'Thailand': '泰国',
'Tajikistan': '塔吉克斯坦',
'Turkmenistan': '土库曼斯坦',
'East Timor': '东帝汶',
'Trinidad and Tobago': '特里尼达和多巴哥',
'Tunisia': '突尼斯',
'Turkey': '土耳其',
'United Republic of Tanzania': '坦桑尼亚联合共和国',
'Uganda': '乌干达',
'Ukraine': '乌克兰',
'Uruguay': '乌拉圭',
'United States of America': '美国',
'Uzbekistan': '乌兹别克斯坦',
'Venezuela': '委内瑞拉',
'Vietnam': '越南',
'Vanuatu': '瓦努阿图',
'West Bank': '西岸',
'Yemen': '也门',
'South Africa': '南非',
'Zambia': '赞比亚',
'Zimbabwe': '津巴布韦'
},
label: {
normal: {
show: false,
formatter: function(params) {
// return nameMap[params.name];
}
},
emphasis: {
label: {
show: true
}
}
}
},
series: [{
type: 'scatter',
coordinateSystem: 'geo',
data: getJson(), //convertData(),
symbolSize: 10,
label: {
normal: {
formatter: '{b}',
position: 'right',
show: false
},
emphasis: {
show: false
}
},
itemStyle: {
normal: {
color: '#F06C00'
}
}
}, {
name: 'catagA', //光标cover时候显示名称
type: 'map',
geoIndex: 0,
tooltip: {
show: false
},
//随机显示颜色
data: [{
name: '阿富汗',
value: randomValue()
}, {
name: '安哥拉',
value: randomValue()
}, {
name: '阿尔巴尼亚',
value: randomValue()
}, {
name: '阿联酋',
value: randomValue()
}, {
name: '阿根廷',
value: randomValue()
}, {
name: '亚美尼亚',
value: randomValue()
}, {
name: '法属南半球和南极领地',
value: randomValue()
}, {
name: '澳大利亚',
value: randomValue()
}, {
name: '奥地利',
value: randomValue()
}, {
name: '阿塞拜疆',
value: randomValue()
}, {
name: '布隆迪',
value: randomValue()
}, {
name: '比利时',
value: randomValue()
}, {
name: '贝宁',
value: randomValue()
}, {
name: '布基纳法索',
value: randomValue()
}, {
name: '孟加拉国',
value: randomValue()
}, {
name: '保加利亚',
value: randomValue()
}, {
name: '巴哈马',
value: randomValue()
}, {
name: '波斯尼亚和黑塞哥维那',
value: randomValue()
}, {
name: '白俄罗斯',
value: 1000
}, {
name: '伯利兹',
value: randomValue()
}, {
name: '百慕大',
value: randomValue()
}, {
name: '玻利维亚',
value: randomValue()
}, {
name: '巴西',
value: randomValue()
}, {
name: '文莱',
value: randomValue()
}, {
name: '不丹',
value: randomValue()
}, {
name: '博茨瓦纳',
value: randomValue()
}, {
name: '中非共和国',
value: randomValue()
}, {
name: '加拿大',
value: randomValue()
}, {
name: '瑞士',
value: randomValue()
}, {
name: '智利',
value: randomValue()
}, {
name: '中国',
value: randomValue()
}, {
name: '象牙海岸',
value: randomValue()
}, {
name: '喀麦隆',
value: randomValue()
}, {
name: '刚果民主共和国',
value: randomValue()
}, {
name: '刚果共和国',
value: randomValue()
}, {
name: '哥伦比亚',
value: randomValue()
}, {
name: '哥斯达黎加',
value: randomValue()
}, {
name: '古巴',
value: randomValue()
}, {
name: '北塞浦路斯',
value: randomValue()
}, {
name: '塞浦路斯',
value: randomValue()
}, {
name: '捷克共和国',
value: randomValue()
}, {
name: '德国',
value: randomValue()
}, {
name: '吉布提',
value: randomValue()
}, {
name: '丹麦',
value: randomValue()
}, {
name: '多明尼加共和国',
value: randomValue()
}, {
name: '阿尔及利亚',
value: randomValue()
}, {
name: '厄瓜多尔',
value: randomValue()
}, {
name: '埃及',
value: randomValue()
}, {
name: '厄立特里亚',
value: randomValue()
}, {
name: '西班牙',
value: randomValue()
}, {
name: '爱沙尼亚',
value: randomValue()
}, {
name: '埃塞俄比亚',
value: randomValue()
}, {
name: '芬兰',
value: randomValue()
}, {
name: '斐',
value: randomValue()
}, {
name: '福克兰群岛',
value: randomValue()
}, {
name: '法国',
value: randomValue()
}, {
name: '加蓬',
value: randomValue()
}, {
name: '英国',
value: randomValue()
}, {
name: '格鲁吉亚',
value: randomValue()
}, {
name: '加纳',
value: randomValue()
}, {
name: '几内亚',
value: randomValue()
}, {
name: '冈比亚',
value: randomValue()
}, {
name: '几内亚比绍',
value: randomValue()
}, {
name: '赤道几内亚',
value: randomValue()
}, {
name: '希腊',
value: randomValue()
}, {
name: '格陵兰',
value: randomValue()
}, {
name: '危地马拉',
value: randomValue()
}, {
name: '法属圭亚那',
value: randomValue()
}, {
name: '圭亚那',
value: randomValue()
}, {
name: '洪都拉斯',
value: randomValue()
}, {
name: '克罗地亚',
value: randomValue()
}, {
name: '海地',
value: randomValue()
}, {
name: '匈牙利',
value: randomValue()
}, {
name: '印尼',
value: randomValue()
}, {
name: '印度',
value: randomValue()
}, {
name: '爱尔兰',
value: randomValue()
}, {
name: '伊朗',
value: randomValue()
}, {
name: '伊拉克',
value: randomValue()
}, {
name: '冰岛',
value: randomValue()
}, {
name: '以色列',
value: randomValue()
}, {
name: '意大利',
value: randomValue()
}, {
name: '牙买加',
value: randomValue()
}, {
name: '约旦',
value: randomValue()
}, {
name: '日本',
value: randomValue()
}, {
name: '哈萨克斯坦',
value: randomValue()
}, {
name: '肯尼亚',
value: randomValue()
}, {
name: '吉尔吉斯斯坦',
value: randomValue()
}, {
name: '柬埔寨',
value: randomValue()
}, {
name: '韩国',
value: randomValue()
}, {
name: '科索沃',
value: randomValue()
}, {
name: '科威特',
value: randomValue()
}, {
name: '老挝',
value: randomValue()
}, {
name: '黎巴嫩',
value: randomValue()
}, {
name: '利比里亚',
value: randomValue()
}, {
name: '利比亚',
value: randomValue()
}, {
name: '斯里兰卡',
value: randomValue()
}, {
name: '莱索托',
value: randomValue()
}, {
name: '立陶宛',
value: randomValue()
}, {
name: '卢森堡',
value: randomValue()
}, {
name: '拉脱维亚',
value: randomValue()
}, {
name: '摩洛哥',
value: randomValue()
}, {
name: '摩尔多瓦',
value: randomValue()
}, {
name: '马达加斯加',
value: randomValue()
}, {
name: '墨西哥',
value: randomValue()
}, {
name: '马其顿',
value: randomValue()
}, {
name: '马里',
value: randomValue()
}, {
name: '缅甸',
value: randomValue()
}, {
name: '黑山',
value: randomValue()
}, {
name: '蒙古',
value: randomValue()
}, {
name: '莫桑比克',
value: randomValue()
}, {
name: '毛里塔尼亚',
value: randomValue()
}, {
name: '马拉维',
value: randomValue()
}, {
name: '马来西亚',
value: randomValue()
}, {
name: '纳米比亚',
value: randomValue()
}, {
name: '新喀里多尼亚',
value: randomValue()
}, {
name: '尼日尔',
value: randomValue()
}, {
name: '尼日利亚',
value: randomValue()
}, {
name: '尼加拉瓜',
value: randomValue()
}, {
name: '荷兰',
value: randomValue()
}, {
name: '挪威',
value: randomValue()
}, {
name: '尼泊尔',
value: randomValue()
}, {
name: '新西兰',
value: randomValue()
}, {
name: '阿曼',
value: randomValue()
}, {
name: '巴基斯坦',
value: randomValue()
}, {
name: '巴拿马',
value: randomValue()
}, {
name: '秘鲁',
value: randomValue()
}, {
name: '菲律宾',
value: randomValue()
}, {
name: '巴布亚新几内亚',
value: randomValue()
}, {
name: '波兰',
value: randomValue()
}, {
name: '波多黎各',
value: randomValue()
}, {
name: '北朝鲜',
value: randomValue()
}, {
name: '葡萄牙',
value: randomValue()
}, {
name: '巴拉圭',
value: randomValue()
}, {
name: '卡塔尔',
value: randomValue()
}, {
name: '罗马尼亚',
value: randomValue()
}, {
name: '俄罗斯',
value: 1200
}, {
name: '卢旺达',
value: randomValue()
}, {
name: '西撒哈拉',
value: randomValue()
}, {
name: '沙特阿拉伯',
value: randomValue()
}, {
name: '苏丹',
value: randomValue()
}, {
name: '南苏丹',
value: randomValue()
}, {
name: '塞内加尔',
value: randomValue()
}, {
name: '所罗门群岛',
value: randomValue()
}, {
name: '塞拉利昂',
value: randomValue()
}, {
name: '萨尔瓦多',
value: randomValue()
}, {
name: '索马里兰',
value: randomValue()
}, {
name: '索马里',
value: randomValue()
}, {
name: '塞尔维亚共和国',
value: randomValue()
}, {
name: '苏里南',
value: randomValue()
}, {
name: '斯洛伐克',
value: randomValue()
}, {
name: '斯洛文尼亚',
value: randomValue()
}, {
name: '瑞典',
value: randomValue()
}, {
name: '斯威士兰',
value: randomValue()
}, {
name: '叙利亚',
value: randomValue()
}, {
name: '乍得',
value: randomValue()
}, {
name: '多哥',
value: randomValue()
}, {
name: '泰国',
value: randomValue()
}, {
name: '塔吉克斯坦',
value: randomValue()
}, {
name: '土库曼斯坦',
value: randomValue()
}, {
name: '东帝汶',
value: randomValue()
}, {
name: '特里尼达和多巴哥',
value: randomValue()
}, {
name: '突尼斯',
value: randomValue()
}, {
name: '土耳其',
value: randomValue()
}, {
name: '坦桑尼亚联合共和国',
value: randomValue()
}, {
name: '乌干达',
value: randomValue()
}, {
name: '乌克兰',
value: randomValue()
}, {
name: '乌拉圭',
value: randomValue()
}, {
name: '美国',
value: 1000
}, {
name: '乌兹别克斯坦',
value: randomValue()
}, {
name: '委内瑞拉',
value: randomValue()
}, {
name: '越南',
value: randomValue()
}, {
name: '瓦努阿图',
value: randomValue()
}, {
name: '西岸',
value: randomValue()
}, {
name: '也门',
value: randomValue()
}, {
name: '南非',
value: randomValue()
}, {
name: '赞比亚',
value: randomValue()
}, {
name: '津巴布韦',
value: randomValue()
}
],
}]
};
function getJson(){
var res=[];
var rows= [
{
"id": "22",
"title": "重建项目",
"lat": "15.59",
"lng": "84.77"
},
{
"id": "91",
"title": "道路修复本土化项目",
"lat": "18.852",
"lng": "101.511"
}
]
var arr=[];
for(var i=0;i<rows.length;i++){
var namestr=rows[i].title;
var lat=rows[i].lat;
var lng=rows[i].lng;
var idstr=rows[i].id;
res.push({
name: namestr,
value: lng+","+lat+","+idstr
});
}
return res;
}
截图如下
