Echarts 南海诸岛简图显示位置调整

最近需要echart同时显示海南岛和南海诸岛，开始想寻找南海诸岛的数据，经过查找，这种简图数据是没有的(china.js地图数据一一找过了)，下图是echarts的一些示例，没有满足我们的要求

后来在echarts.min.js中通过关键字'南海诸岛'查找到了关键的代码，echarts在地图名为china时，加入南海诸岛数据，然后经过坐标变换（先设置缩放比率再平移到指定点）展示到echart地图中。
要想海南岛地图和南海诸岛简图显示到一起并不复杂。总共只要改四个参数就好了。首先要修改左上角位置点，原先的源码设置[126, 25],要想修改靠近海南岛需要把这两个数值改小点[110.5, 18.5]。然后，修改hA[cA][dA][0] /= 300, hA[cA][dA][1] /= -300,这里的参数是设置缩放比率的。
echarts.js和echarts.min.js的修改略有不同，原因还不太清楚附:github.com/tpolong/ech…

Echarts 南海诸岛简图显示位置调整相关推荐

关于echarts中，南海诸岛不显示的问题
最近vue项目需求,需要制作一个大区的中国地图,在使用 node_modules\echarts\lib\coord\geo\fix\nanhai.js 在判断中加入自己地图的名字就行. if (ma ...
前端 echarts 地图南海诸岛不显示问题
1.进入下图所示文件 2.在判断中添加自己的地图名称成功解决南海诸岛不显示问题
echarts南海诸岛问题
echarts南海诸岛问题 echarts南海下面的小框框不显示各个岛屿,对于有些公司来讲这很敏感解决办法: 1.新建一个china.js复制并保存以下代码,引入到项目. import " ...
关于echarts中南海诸岛的显示问题
关于echarts中南海诸岛的显示问题 1.china.js 文件中 echarts.registerMap('china', //名字要是'china',不能写成'中国' 2.echarts 配置中 ...
Echarts中国地图不能显示南海诸岛的问题
注册中国地图的时候,必须是china,则echarts.registerMap('china', geoJson),不能China或是'中国',否则无法显示南海诸岛
echarts全国地图只显示南海诸岛问题
在使用百度开源的可视化工具echarts时,用到中国地图,参照官方文档用此段代码 value = [155, 10, 66, 78, 33, 80, 190, 53, 49.6]attr = [&qu ...
ECharts地图显示不完整，只显示南海诸岛问题
小白今天测试将百度的地图导入到项目中,但是只显示南海诸岛--就像这样~~ 度娘找了很多解决方案,最后发现原因是eharts3 不再内置地图文件,因此需要我们手动引入官网的js或者json文件(http ...
echarts 中国地图点击进入相应省份海南省里的南海诸岛换成诸岛简图
DataV.GeoAtlas地理小工具系列在这里下载了中国以及各省的json文件,但是下面海南那块国家海岸线里有很多岛我不想要,明明已经有个南海诸岛的框了,在那占位置不好看,这时就要改变下Chin ...
ECharts实现带钓鱼岛和南海诸岛的中国(China)地图
转载 [问题探讨]ECharts实现带钓鱼岛和南海诸岛的中国(China)地图环境:VUE+ ECharts 重点阐述: 1,在VUE安装ECharts后,在如下目录就有地图js/json可以使用 ...

Echarts 南海诸岛简图显示位置调整

Echarts 南海诸岛简图显示位置调整相关推荐

最新文章

热门文章