不展示原因:

echarts不再内置地图文件,需自己引入

GITHUB: https://github.com/apache/incubator-echarts 下 map/js/china.js文件

node_modules引入: node_modules/echarts/map/js/china.js

地图展示省份不居中问题

地图上显示名称的位置为其省会的坐标位置,可通过china.js文件来调整位置。
properties下的cp属性存储的是经纬度坐标,可手动配置

城市中英文问题

中国地图文件 china.js 中使用的是中文城市名称
世界地图文件 world.js 中使用的是英文国家名称

当数据不满足中英文结构时,需自行配置series:
参考:https://www.echartsjs.com/examples/zh/editor.html?c=map-HK

nameMap: {'北京': 'Beijing','河北': 'Hebei'
}

附:echarts 世界地图 国家 中英文数据对照

{Canada: '加拿大',Turkmenistan: '土库曼斯坦','Saint Helena': '圣赫勒拿','Lao PDR': '老挝',Lithuania: '立陶宛',Cambodia: '柬埔寨',Ethiopia: '埃塞俄比亚','Faeroe Is.': '法罗群岛',Swaziland: '斯威士兰',Palestine: '巴勒斯坦',Belize: '伯利兹',Argentina: '阿根廷',Bolivia: '玻利维亚',Cameroon: '喀麦隆','Burkina Faso': '布基纳法索',Aland: '奥兰群岛',Bahrain: '巴林','Saudi Arabia': '沙特阿拉伯','Fr. Polynesia': '法属波利尼西亚','Cape Verde': '佛得角','W. Sahara': '西撒哈拉',Slovenia: '斯洛文尼亚',Guatemala: '危地马拉',Guinea: '几内亚','Dem. Rep. Congo': '刚果(金)',Germany: '德国',Spain: '西班牙',Liberia: '利比里亚',Netherlands: '荷兰',Jamaica: '牙买加','Solomon Is.': '所罗门群岛',Oman: '阿曼',Tanzania: '坦桑尼亚','Costa Rica': '哥斯达黎加','Isle of Man': '曼岛',Gabon: '加蓬',Niue: '纽埃',Bahamas: '巴哈马','New Zealand': '新西兰',Yemen: '也门',Jersey: '泽西岛',Pakistan: '巴基斯坦',Albania: '阿尔巴尼亚',Samoa: '萨摩亚','Czech Rep.': '捷克','United Arab Emirates': '阿拉伯联合酋长国',Guam: '关岛',India: '印度',Azerbaijan: '阿塞拜疆','N. Mariana Is.': '北马里亚纳群岛',Lesotho: '莱索托',Kenya: '肯尼亚',Belarus: '白俄罗斯',Tajikistan: '塔吉克斯坦',Turkey: '土耳其',Afghanistan: '阿富汗',Bangladesh: '孟加拉国',Mauritania: '毛里塔尼亚','Dem. Rep. Korea': '朝鲜','Saint Lucia': '圣卢西亚','Br. Indian Ocean Ter.': '英属印度洋领地',Mongolia: '蒙古',France: '法国',Curaçao: '库拉索岛','S. Sudan': '南苏丹',Rwanda: '卢旺达',Slovakia: '斯洛伐克',Somalia: '索马里',Peru: '秘鲁',Vanuatu: '瓦努阿图',Norway: '挪威',Malawi: '马拉维',Benin: '贝宁','St. Vin. and Gren.': '圣文森特和格林纳丁斯',Korea: '韩国',Singapore: '新加坡',Montenegro: '黑山共和国','Cayman Is.': '开曼群岛',Togo: '多哥',China: '中国','Heard I. and McDonald Is.': '赫德岛和麦克唐纳群岛',Armenia: '亚美尼亚','Falkland Is.': '马尔维纳斯群岛(福克兰)',Ukraine: '乌克兰',Ghana: '加纳',Tonga: '汤加',Finland: '芬兰',Libya: '利比亚','Dominican Rep.': '多米尼加',Indonesia: '印度尼西亚',Mauritius: '毛里求斯','Eq. Guinea': '赤道几内亚',Sweden: '瑞典',Vietnam: '越南',Mali: '马里',Russia: '俄罗斯',Bulgaria: '保加利亚','United States': '美国',Romania: '罗马尼亚',Angola: '安哥拉',Chad: '乍得','South Africa': '南非',Fiji: '斐济',Liechtenstein: '列支敦士登',Malaysia: '马来西亚',Austria: '奥地利',Mozambique: '莫桑比克',Uganda: '乌干达',Japan: '日本',Niger: '尼日尔',Brazil: '巴西',Kuwait: '科威特',Panama: '巴拿马',Guyana: '圭亚那',Madagascar: '马达加斯加',Luxembourg: '卢森堡','American Samoa': '美属萨摩亚',Andorra: '安道尔',Ireland: '爱尔兰',Italy: '意大利',Nigeria: '尼日利亚','Turks and Caicos Is.': '特克斯和凯科斯群岛',Ecuador: '厄瓜多尔','U.S. Virgin Is.': '美属维尔京群岛',Brunei: '文莱',Australia: '澳大利亚',Iran: '伊朗',Algeria: '阿尔及利亚','El Salvador': '萨尔瓦多',"Côte d'Ivoire": '科特迪瓦',Chile: '智利','Puerto Rico': '波多黎各',Belgium: '比利时',Thailand: '泰国',Haiti: '海地',Iraq: '伊拉克','São Tomé and Principe': '圣多美和普林西比','Sierra Leone': '塞拉利昂',Georgia: '格鲁吉亚',Denmark: '丹麦',Philippines: '菲律宾','S. Geo. and S. Sandw. Is.': '南乔治亚岛和南桑威奇群岛',Moldova: '摩尔多瓦',Morocco: '摩洛哥',Namibia: '纳米比亚',Malta: '马耳他','Guinea-Bissau': '几内亚比绍',Kiribati: '基里巴斯',Switzerland: '瑞士',Grenada: '格林纳达',Seychelles: '塞舌尔',Portugal: '葡萄牙',Estonia: '爱沙尼亚',Uruguay: '乌拉圭','Antigua and Barb.': '安提瓜和巴布达',Lebanon: '黎巴嫩',Uzbekistan: '乌兹别克斯坦',Tunisia: '突尼斯',Djibouti: '吉布提',Greenland: '格陵兰','Timor-Leste': '东帝汶',Dominica: '多米尼克',Colombia: '哥伦比亚',Burundi: '布隆迪','Bosnia and Herz.': '波斯尼亚和黑塞哥维那',Cyprus: '塞浦路斯',Barbados: '巴巴多斯',Qatar: '卡塔尔',Palau: '帕劳',Bhutan: '不丹',Sudan: '苏丹',Nepal: '尼泊尔',Micronesia: '密克罗尼西亚',Bermuda: '百慕大',Suriname: '苏里南',Venezuela: '委内瑞拉',Israel: '以色列','St. Pierre and Miquelon': '圣皮埃尔和密克隆群岛','Central African Rep.': '中非',Iceland: '冰岛',Zambia: '赞比亚',Senegal: '塞内加尔','Papua New Guinea': '巴布亚新几内亚','Trinidad and Tobago': '特立尼达和多巴哥',Zimbabwe: '津巴布韦',Jordan: '约旦',Gambia: '冈比亚',Kazakhstan: '哈萨克斯坦',Poland: '波兰',Eritrea: '厄立特里亚',Kyrgyzstan: '吉尔吉斯斯坦',Montserrat: '蒙特塞拉特','New Caledonia': '新喀里多尼亚',Macedonia: '马其顿',Paraguay: '巴拉圭',Latvia: '拉脱维亚',Hungary: '匈牙利',Syria: '叙利亚',Honduras: '洪都拉斯',Myanmar: '缅甸',Mexico: '墨西哥',Egypt: '埃及',Nicaragua: '尼加拉瓜',Cuba: '古巴',Serbia: '塞尔维亚',Comoros: '科摩罗','United Kingdom': '英国','Fr. S. Antarctic Lands': '南极洲',Congo: '刚果(布)',Greece: '希腊','Sri Lanka': '斯里兰卡',Croatia: '克罗地亚',Botswana: '博茨瓦纳','Siachen Glacier': '锡亚琴冰川地区'
}

数据来源: https://blog.csdn.net/qq_27747997/article/details/89710859

echarts map china 地图不展示,不居中,中英文问题(世界地图同理)相关推荐

  1. echarts找到china地图( npm i --save echarts/map/js/China)

    由于node版本问题,我拉的项目node版本比较低,npm install的时候出现了各种bug,最大问题是babel-polyfill的版本问题,出现了各种bug,各种降级,@babel/core等 ...

  2. echarts实现中国地图数据展示

    在项目中运用到图形展示数据太常见了,echarts是一款使用率非常高的插件工具,很多大平台都是使用echarts: 一般运用到条形.折线.扇形图,今天说一说在中国地图上展示各地数据: 首先要准备中国地 ...

  3. echarts geo地图示例_基于Echarts的中国地图数据展示

    一.概述 实际项目中大概率会遇到很多需要进行数据展示的地方,如折现图,柱状图等,今天给大家介绍一个更加炫酷的中国地图大数据展示,结合echarts免费开源第三方插件,可以实现自己的定制样式,定制提示. ...

  4. echarts市级区域地图数据展示

    一.原理 引用对应市区json数据(比如我就是引用的河南省驻马店市的数据),通过百度地图坐标拾取器获取地区的经纬度,将数据填在对应位置(我下面有注释),再配置下样式颜色之类的渲染上就可以了 二.看图片 ...

  5. echarts立体中国地图的展示

    效果图 1.首先需要下载echarts,然后在man.js中进行一个引入 2.然后需要下载地图插件,然后也在man.js进行一个引入 引入echarts,和地图插件 import * as echar ...

  6. 【Python爬虫+pyecharts可视化】爬取全国各地房价并在echarts的geo地图上展示

    导言 最近回归了可视化,写个文章总结一下经验教训,嘿嘿.不想看分析过程的可以点击目录,直接跳转到代码实现部分.(代码所用模块都是可以用    pip install 模块名    下载的哟) 先看看最 ...

  7. echarts实现中国地图记录篇之2D,3D地图

    目录 1.实现基础工具和echarts版本的踩坑 工具: 版本 -- echarts5.0+和5.0以下版本的差异: 2.实现平面2D地图 -- 有标记点和没有标记点,地图实现的方式不同 没有标记点的 ...

  8. html引入echart地图点击,基于echarts实现3D地图的定时高亮和点击事件

    技术选型 文章所选技术栈:vue.echarts.echarts-gl 安装Vue和echarts 1.安装echarts和echarts-alnpm i echarts --save npm i e ...

  9. echarts,map中国地图点击各省,跳转展示,从省返回到中国地图【china.js】

    效果图: 1.点击省,跳转到河北省 2.返回,从省返回到中国地图 话不多说,直接上代码,1.复制粘贴,2.在引入对应js即可 注:全部各省地图,下载地址:** <!DOCTYPE html> ...

最新文章

  1. list group by java_Java List集合实现MySQL Group By功能
  2. Web新动力 ——Ajax
  3. 2020年最漂亮的Linux发行版
  4. linux+7+logger,linux日志logger命令详解
  5. javap使用实例图解
  6. ssl证书(https) iis 配置安装
  7. ActionResult的其它返回值
  8. php 覆盖写文件内容,php写入文件不覆盖的实例讲解
  9. django 1.8 官方文档翻译: 6-1-1 Django 的设置
  10. kindle看pdf乱码_kindle阅读pdf中文乱码解决
  11. 2019携程校招笔试题选讲
  12. 【原创】xenomai+linux双内核下的时钟管理机制
  13. 如何学Android
  14. 婚宴座位图html5,结婚酒席座位安排
  15. Pytorch之深度学习实战
  16. Word 突出显示 快捷键
  17. 室内空气污染超标,新房装修如何去除甲醛浓度?
  18. (转) 垂直同步、绘制效率、显示器刷新频率与帧率
  19. 零售行业数据分析指标体系及方法论
  20. 记一次边锋客户端(C++)实习生面试

热门文章

  1. 基于微信小程序的跳蚤市场(二手商城)
  2. 各项基金资助书写格式(中英文对照)
  3. 华为公司新员工转正笔试题(附答案)
  4. 怀化计算机职业学院,怀化职业技术学院
  5. 如何在清华镜像上面下载anaconda
  6. 巴拉圭即将建成首个模块化数据中心
  7. 启迪国信灵通入选2016首都设计提升计划
  8. WIN7 x64系统下TortoiseSVN文件夹及文件图标不显示解决方法
  9. 学习心得:Apollo无人驾驶汽车入门课程——第一课:无人驾驶概览
  10. C#, ASP.NET笔试题(3)