Incubator-echarts: 中国地图，省份名称重叠

Created on 2 Nov 2016 · 7Comments · Source: apache/incubator-echarts

问题简述 (One-line summary)

中国地图，省份名称重叠
江苏省和安徽省，省份名称存在折叠，请问有没有API接口重新定位某一个省的名称显示位置？

版本及环境 (Version & Environment)

ECharts 版本 (ECharts version):v3.2.3
浏览器类型和版本 (Browser version):所有主流浏览器
操作系统类型和版本 (OS Version):Windows10

重现步骤 (Steps to reproduce)

1.echarts官网，中国地图demo【链接：http://echarts.baidu.com/demo.html#map-china】
2.echarts官网，问题交流【链接：http://gallery.echartsjs.com/editor.html?c=xHy_Iqa8ll&comment=0】

期望结果 (Expected behaviour)

省份名称显示位置可自定义，避免重叠

可能哪里有问题 (What went wrong)

ECharts配置项 (ECharts option)

option = {

}

其他信息 (Other comments)

support

Source

MShineRay

Most helpful comment

@pissang 非常感谢指点。大体整理了一下代码，这个应该是比较正确的方案了：

var chinaMapInfoObj = document.getElementById(‘mianid‘’);
var chinaMap = echarts.init(chinaMapInfoObj);
var chinaEchartsObj = echarts.getMap('china');
var geoJSONChina = chinaEchartsObj.geoJson;
var allDefProvince = geoJSONChina.features;
for(var i=0,len=allDefProvince.length; i<len; i++){
       var sglProvinceProperties = allDefProvince[i].properties;
       var sglProvinceName = sglProvinceProperties.name;
       switch(sglProvinceName){
              case '新疆':
                       sglProvinceProperties.cp[0]=87.617733;
                       sglProvinceProperties.cp[1]=41.792818;
                       break;
               case '青海'://def:101.778916,36.623178
                        sglProvinceProperties.cp[0]=97.617733;
                        sglProvinceProperties.cp[1]=36.623178;
                       break;
                 case '江苏'://def:118.767413,32.041544
                        sglProvinceProperties.cp[0]=119.767413;
                        sglProvinceProperties.cp[1]=33.041544;
                        break;
        }
}
option.echarts.registerMap('china', geoJSONChina, {});

All 7 comments

echarts官网，中国地图demo
echarts官网，问题交流

MShineRay on 2 Nov 2016

找到了笨办法：直接修改china.js中
"properties":{"cp":[119.767413,33.041544],"name":"江苏","childNum":1}
cp的值，根据调试结果来看，cp应该代表x,y轴定位相关信息。修改副作用未知。。。。。。。

MShineRay on 2 Nov 2016

👍2

@MShineRay 这是正确的办法，也可以 echarts.getMap('china') 后修改已经加载的地图的数据

pissang on 2 Nov 2016

👍4

@pissang 非常感谢指点。大体整理了一下代码，这个应该是比较正确的方案了：

var chinaMapInfoObj = document.getElementById(‘mianid‘’);
var chinaMap = echarts.init(chinaMapInfoObj);
var chinaEchartsObj = echarts.getMap('china');
var geoJSONChina = chinaEchartsObj.geoJson;
var allDefProvince = geoJSONChina.features;
for(var i=0,len=allDefProvince.length; i<len; i++){
       var sglProvinceProperties = allDefProvince[i].properties;
       var sglProvinceName = sglProvinceProperties.name;
       switch(sglProvinceName){
              case '新疆':
                       sglProvinceProperties.cp[0]=87.617733;
                       sglProvinceProperties.cp[1]=41.792818;
                       break;
               case '青海'://def:101.778916,36.623178
                        sglProvinceProperties.cp[0]=97.617733;
                        sglProvinceProperties.cp[1]=36.623178;
                       break;
                 case '江苏'://def:118.767413,32.041544
                        sglProvinceProperties.cp[0]=119.767413;
                        sglProvinceProperties.cp[1]=33.041544;
                        break;
        }
}
option.echarts.registerMap('china', geoJSONChina, {});