Qt編寫地圖綜合應(yīng)用之繪制雨量分布
一、前言
雨量分布圖是在區(qū)域地圖基礎(chǔ)上,針對區(qū)域中的每個(gè)最小單位區(qū)域比如縣城點(diǎn)位不同顏色顯示,最開始做這個(gè)封裝的時(shí)候,并沒有提供單獨(dú)設(shè)置每個(gè)點(diǎn)顏色的接口,后面經(jīng)過幾個(gè)客戶的強(qiáng)烈建議,咬咬牙把每個(gè)點(diǎn)都可以單獨(dú)設(shè)置不同顏色的接口加進(jìn)去,這樣就更加符合實(shí)際的需求,比如這個(gè)點(diǎn)到了報(bào)警階段則紅色顯示,正常階段則綠色顯示,如果沒有設(shè)置過顏色,就取值默認(rèn)的顏色,全部不設(shè)置顏色則全部取默認(rèn)的顏色。每個(gè)點(diǎn)的顏色值和對應(yīng)點(diǎn)的經(jīng)緯度坐標(biāo)一樣,隊(duì)列集合設(shè)置下去。
二、功能特點(diǎn)
同時(shí)支持閃爍點(diǎn)圖、遷徙圖、區(qū)域地圖、世界地圖、儀表盤等。
可以設(shè)置標(biāo)題、提示信息、背景顏色、文字顏色、線條顏色、區(qū)域顏色等各種顏色。
可設(shè)置城市的名稱、值、經(jīng)緯度 集合。
可設(shè)置地圖的放大倍數(shù)、是否允許鼠標(biāo)滾輪縮放。
內(nèi)置世界地圖、全國地圖、省份地圖、地區(qū)地圖,可以精確到縣,所有地圖全部離線使用。
內(nèi)置了各省市json數(shù)據(jù)文件轉(zhuǎn)js文件功能,如有數(shù)據(jù)更新自行轉(zhuǎn)換即可,支持單個(gè)文件轉(zhuǎn)換和一鍵轉(zhuǎn)換所有文件。
內(nèi)置了從json文件或者js文件獲取該區(qū)域的所有名稱和經(jīng)緯度信息集合的功能,可以通過該方法獲取到信息用來顯示。
依賴瀏覽器組件顯示地圖,提供的demo支持webkit/webengine/miniblink/ie 多種方式加載網(wǎng)頁。
采用miniblink瀏覽器內(nèi)核打通了Qt5.6及后續(xù)版本+mingw編譯器缺少瀏覽器模塊的遺憾,使得整個(gè)項(xiàng)目支持所有Qt版本,親測4.7到6.2等任意版本。
閃爍點(diǎn)遷徙圖等設(shè)置的點(diǎn)支持單獨(dú)設(shè)置顏色。
提供接口直接獲取點(diǎn)擊的點(diǎn)相關(guān)信息,方便程序聯(lián)動(dòng)處理。
拓展性極強(qiáng),可以依葫蘆畫瓢自行增加各種精美的echarts組件,做出牛逼的效果。
內(nèi)置的儀表盤組件提供交互功能,demo演示中包含了對應(yīng)的代碼。
函數(shù)接口友好和統(tǒng)一,使用簡單方便,就一個(gè)類。
支持任意Qt版本、任意系統(tǒng)、任意編譯器。
三、體驗(yàn)地址
體驗(yàn)地址:https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取碼:o05q 文件名:bin_map.zip
國內(nèi)站點(diǎn):https://gitee.com/feiyangqingyun
國際站點(diǎn):https://github.com/feiyangqingyun
四、效果圖
五、相關(guān)代碼?
void frmEcharts::initMap()
{
//主動(dòng)設(shè)置下echart控件的高度
echart->setHeight(ui->widget->height());
QStringList cityName, cityValue, cityPoint, cityColor, cityTip;
cityName << "上海" << "北京" << "成都" << "武漢" << "廈門" << "廣州";
cityPoint << "121.48,31.22" << "116.46,39.92" << "104.06,30.67" << "114.31,30.52" << "118.1,24.46" << "113.23,23.16";
echart->setCityName(cityName);
echart->setCityPoint(cityPoint);
echart->setZoom(1.0);
//全國地圖是 china 世界地圖可以換成 world
echart->setMapJsName("china");
echart->setMapAreaName("china");
if (currentText == "閃爍點(diǎn)圖") {
cityValue << "250" << "220" << "150" << "180" << "140" << "170";
//設(shè)置不同的顏色
cityColor << "#00FF00" << "#FDA356" << "#EB766E" << "" << "#47CAF6" << "#F9BE4F";
//設(shè)置不同的懸停提示
cityTip << "上海 = 80%" << "北京 = 89%" << "成都 = 86%" << "武漢 = 78%" << "廈門 = 65%" << "廣州 = 70%";
echart->setCityValue(cityValue);
echart->setCityColor(cityColor);
echart->setCityTip(cityTip);
} else if (currentText == "遷徙圖") {
cityValue << "1" << "0" << "0" << "0" << "0" << "0";
//設(shè)置不同的顏色
cityColor << "#00FF00" << "#FDA356" << "#EB766E" << "" << "#47CAF6" << "#F9BE4F";
//設(shè)置不同的懸停提示
cityTip << "上海 = 80%" << "北京 = 89%" << "成都 = 86%" << "武漢 = 78%" << "廈門 = 65%" << "廣州 = 70%";
echart->setCityValue(cityValue);
echart->setCityColor(cityColor);
echart->setCityTip(cityTip);
} else if (currentText == "儀表盤") {
} else if (currentText == "世界地圖") {
cityName.clear();
cityValue.clear();
cityPoint.clear();
cityColor.clear();
cityTip.clear();
#if 0
cityName << "美國1" << "美國2" << "美國3" << "英國" << "德國" << "荷蘭" << "澳大利亞" << "溫州";
cityValue << "0" << "0" << "0" << "0" << "0" << "0" << "0" << "1";
cityPoint << "-115.652087,44.677279" << "-97.990682,32.358956" << "-119.037189,35.667425"
<< "-1.742162,52.468150" << "10.032107,50.633281" << "5.763934,53.181365"
<< "134.250655,-23.981496" << "120.65,28.01";
#else
cityName << "北美洲" << "南美洲" << "非洲" << "歐洲" << "大洋洲" << "印度" << "中國";
cityValue << "0" << "0" << "0" << "0" << "0" << "0" << "1";
cityPoint << "-101.670961,41.103997" << "-58.842054,-11.895087" << "22.106051,14.099049"
<< "15.777381,49.971800" << "132.637011,-25.596128" << "78.475369,22.934290"
<< "113.651000,39.526776";
#endif
for (int i = 0; i < cityName.count(); i++) {
cityColor << "";
cityTip << QString("銷售額占比: %1 = %2%").arg(cityName.at(i)).arg(rand() % 100);
}
echart->setCityName(cityName);
echart->setCityValue(cityValue);
echart->setCityPoint(cityPoint);
echart->setCityColor(cityColor);
echart->setCityTip(cityTip);
echart->setMapJsName("world");
echart->setMapAreaName("world");
} else if (currentText == "區(qū)域地圖") {
cityName.clear();
cityValue.clear();
cityPoint.clear();
cityColor.clear();
cityTip.clear();
QString dirName = ui->cboxDir->currentText();
QString areaName = ui->cboxJson->currentText();
QString jsName = dirName + "/" + areaName;
#if 1
//根據(jù)文件獲取名稱+經(jīng)緯度集合
//QString jsonFile = QString("%1/areajson/%2/%3.json").arg(ConfigPath).arg(dirName).arg(areaName);
//QStringList infos = EchartJs::getInfoFromJson(jsonFile);
QString jsFile = QString("%1/areajs/%2/%3.js").arg(ConfigPath).arg(dirName).arg(areaName);
QStringList infos = EchartJs::getInfoFromJs(jsFile);
foreach (QString info, infos) {
QStringList list = info.split("|");
cityName << list.at(0);
cityValue << QString("%1").arg((rand() % 100) + 100);
cityPoint << list.at(1);
}
#else
//固定寫死
if (areaName == "上海") {
cityName << "浦東新區(qū)" << "閔行區(qū)" << "金山區(qū)" << "奉賢區(qū)" << "嘉定區(qū)";
cityValue << "250" << "100" << "200" << "150" << "220";
cityPoint << "121.567706,31.245944" << "121.375972,31.111658" << "121.330736,30.724697" << "121.458472,30.912345" << "121.250333,31.383524";
}
#endif
for (int i = 0; i < cityName.count(); i++) {
cityColor << "";
cityTip << QString("%1 = %2").arg(cityName.at(i)).arg(cityValue.at(i));
}
echart->setCityName(cityName);
echart->setCityValue(cityValue);
echart->setCityPoint(cityPoint);
echart->setCityColor(cityColor);
echart->setCityTip(cityTip);
echart->setMapJsName(jsName);
echart->setMapAreaName(areaName);
} else if (currentText == "雨量分布") {
cityName.clear();
cityValue.clear();
cityPoint.clear();
cityColor.clear();
cityTip.clear();
QString dirName = "江西";
QString areaName = "吉安市";
QString jsName = dirName + "/" + areaName;
QString jsFile = QString("%1/areajs/%2/%3.js").arg(ConfigPath).arg(dirName).arg(areaName);
QStringList infos = EchartJs::getInfoFromJs(jsFile);
foreach (QString info, infos) {
QStringList list = info.split("|");
cityName << list.at(0);
cityValue << QString("%1").arg((rand() % 150) + 100);
cityPoint << list.at(1);
}
QStringList colors = QColor::colorNames();
for (int i = 0; i < cityName.count(); i++) {
cityColor << colors.at(rand() % colors.count());
cityTip << QString("%1 = %2 毫米").arg(cityName.at(i)).arg(cityValue.at(i));
}
echart->setCityName(cityName);
echart->setCityValue(cityValue);
echart->setCityPoint(cityPoint);
echart->setCityColor(cityColor);
echart->setCityTip(cityTip);
echart->setMapJsName(jsName);
echart->setMapAreaName(areaName);
}
this->loadMap();
}
以上就是Qt編寫地圖綜合應(yīng)用之繪制雨量分布的詳細(xì)內(nèi)容,更多關(guān)于Qt繪制雨量分布的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
opencv3/C++視頻中疊加透明圖片的實(shí)現(xiàn)
今天小編就為大家分享一篇opencv3/C++視頻中疊加透明圖片的實(shí)現(xiàn),具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-12-12基于C語言實(shí)現(xiàn)簡單學(xué)生成績管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于C語言實(shí)現(xiàn)簡單學(xué)生成績管理系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08c++函數(shù)中的指針參數(shù)與地址參數(shù)區(qū)別介紹
c++函數(shù)中的指針參數(shù)與地址參數(shù)區(qū)別介紹;可供參考2012-11-11