Qt編寫地圖遷徙圖的實現(xiàn)示例

第Qt編寫地圖遷徙圖的實現(xiàn)示例三、體驗地址

體驗地址：/s/1Ie1xGLv7tSL-9vfsv28w1Q提取碼:wf4f

文件名：bin_map.zip

國內(nèi)站點：/feiyangqingyun

國際站點：/feiyangqingyun

四、效果圖

五、相關(guān)代碼

//核心代碼

QStringEcharts::newChartMove(constQStringcenterCity)

intcityNameCount=cityName.count();

intcityValueCount=cityValue.count();

intcityPointCount=cityPoint.count();

if(cityNameCount!=cityValueCount||cityValueCount!=cityPointCount){

return"";

QStringListbody;

//添加對應(yīng)的值

QStringListvalues;

for(inti=0;icityNameCount;i++){

valuesQString("[{name:'%1',value:%2}]").arg(cityName.at(i)).arg(cityValue.at(i));

//添加對應(yīng)的經(jīng)緯度

QStringListpoints;

for(inti=0;icityNameCount;i++){

pointsQString("'%1':[%2]").arg(cityName.at(i)).arg(cityPoint.at(i));

bodyQString("vardata=[%1]").arg(values.join(","));

bodyQString("vargeoCoordMap={%1};").arg(points.join(","));

//找到中心城市的經(jīng)緯度,默認(rèn)值北京

QStringtoCity="北京";

QStringtoPoint="116.46,39.92";

intindex=cityName.indexOf(centerCity);

if(index=0){

toCity=centerCity;

toPoint=cityPoint.at(index);

//轉(zhuǎn)換數(shù)據(jù)

QStringListdatas;

datasQString("varconvertData=function(data){");

datasQString("varres=[];");

datasQString("for(vari=0;idata.length;i++){");

datasQString("vardataItem=data[i];");

datasQString("varfromCoord=geoCoordMap[dataItem[0].name];");

datasQString("vartoCoord=[%1];").arg(toPoint);

datasQString("if(fromCoordtoCoord){");

datasQString("res.push([{");

datasQString("coord:fromCoord,");

datasQString("value:dataItem[0].value");

datasQString("},{");

datasQString("coord:toCoord,");

datasQString("}]);");

datasQString("}");

datasQString("}");

datasQString("returnres;");

datasQString("};");

body""+datas.join("\r\n");

body"";

QStringListoptionSeries;

optionSeriesQString("varseries=[];");

optionSeriesQString("[['%1',data]].forEach(function(item,i){").arg(toCity);

optionSeriesQString("console.log(item);");

optionSeriesQString("series.push({");

optionSeriesQString("type:'lines',zlevel:2,");

optionSeriesQString("effect:{show:true,period:4,trailLength:0.02,symbol:'arrow',symbolSize:5,},");

optionSeriesQString("lineStyle:{normal:{width:1,opacity:1,curveness:.3,color:'%1'}},").arg(lineC());

optionSeriesQString("data:convertData(item[1])},{");

optionSeriesQString("type:'effectScatter',coordinateSystem:'geo',zlevel:2,");

optionSeriesQString("rippleEffect:{period:4,brushType:'stroke',scale:4},");

optionSeriesQString("label:{");

optionSeriesQString("normal:{");

optionSeriesQString("show:true,position:'right',offset:[5,0],fontSize:15,");

optionSeriesQString("formatter:function(params){return;}");

optionSeriesQString("},");

optionSeriesQString("emphasis:{show:true}");

optionSeriesQString("},");

optionSeriesQString("symbol:'circle',");

optionSeriesQString("symbolSize:function(val){");

optionSeriesQString("return6+val[2]*5;");

optionSeriesQString("},");

optionSeriesQString("itemStyle:{normal:{show:false,color:'%1'}},").arg(areaC());

optionSeriesQString("data:item[1].map(function(dataItem){");

optionSeriesQString("return{name:dataItem[0].name,value:geoCoordMap[dataItem[0].name].concat([dataItem[0].value])};");

optionSeriesQString("}),},");

//被攻擊點,可自行調(diào)整對應(yīng)的值改變大小速度等

optionSeriesQString("{");

optionSeriesQString("type:'scatter',coordinateSystem:'geo',zlevel:2,");

optionSeriesQString("rippleEffect:{period:4,brushType:'stroke',scale:4},");

optionSeriesQString("label:{");

optionSeriesQString("normal:{");

optionSeriesQString("show:true,position:'right',");

optionSeriesQString("color:'#0f0',formatter:'',");

optionSeriesQString("textStyle:{color:'#0f0'}");

optionSeriesQString("},");

optionSeriesQString("emphasis:{show:true,color:'#f60'}");

optionSeriesQString("},");

optionSeriesQString("}");

optionSeriesQString(");");

optionSeriesQString("}");

optionSeriesQString(");");

bodyoptionSeries.join("\r\n")"";

QStringListoptionBase=getOptionBase();

QStringListoptionGeo=getOptionGeo();

QStringoption=QString("%1\r\n%2\r\nseries:series").arg(optionBase.join("\r\n")).arg(optionGeo.join("\r\n"));

body"option={";

bodyoption;

body"};";

returnnewChart(body.join("\r\n"));

//使用代碼

QStringListcityName,cityValue,cityPoint;

cityName"上海""北京""成都""武漢""廈門""廣州";

cityPoint"121.48,31.22""116.46,39.92