之前的问题找不到了...怎么设置让红色圈出部分显示英文

Question

如题，就是默认地图是中文，怎么改成默认地图是英文？
还有这里的逻辑是不是：v-charts是echarts的插件，编辑v-charts下的地图实际上就是编辑echarts的，然后echarts的地图实际上是对百度地图的调用。所以是不是应该去设置bmap下的参数？我看之前问题老师的回复里的两个链接里说到了china.js和world.js。那么echarts下的百度地图默认的是china.js?如果改成world.js是不是就可以实现英文了？怎么改成world.js?谢谢

Answer 1

扬_灵 2021-03-19 16:45:14

同学你好，“echarts的地图实际上是对百度地图的调用”echarts的地图和百度地图不是一样的，你可以去官网找一下bmap中是否有对应的修改属性，echarts的百度地图改成英文一种是从网上下载world.js通过nameMap进行替换，还有一种就是通过formatter自定义显示内容，将中文替换为英文显示，

• 提问者 HenryT #1

  我在node_modules\echarts\map\js\路径下找到了一个world.js。不知道是不是你说的那个。我该直接引用使用么？这部分不是很清楚。还有你说的echarts地图和百度地图不一样，我们现在使用的是百度地图，可是配置百度地图却是通过echarts的配置项bmap来做的对不？也就是说我需要在bmap属性下更改nameMap，可以这么理解么？这个echarts和地图之间的关系不是很清晰。我觉得老师如果可以有图来描述一下就更好了。不然始终觉得学的都是表面的东西。谢谢

• 扬_灵 回复 提问者 HenryT #2

  同学你好，node_modules/xx/的world.js是绘制世界地图的，效果如下面这个案例https://liuxianyu.cn/article/vue-echarts.html 如果想要切换为英文是需要一份对应的数据的。项目中能够配置bmap是因为我们使用的v-charts的组件，v-charts封装了一个百度/高德地图的‘壳子’，在settings中添加关于图表的配置（key,bmap,amap），在组件上直接设置 series, tooltip 等，便可生成以百度/高德地图为坐标系的 Echarts 图表所以我们才能够使用echarts的属性和bmap。而echarts本身却没有bmap这个属性，你可以去看一下echarts官网中的属性说明https://echarts.apache.org/zh/option.html#series-map。 “在bmap属性下更改nameMap” nameMap是echarts属性提供的使用时需要在series中配置。