Qt編寫地圖實(shí)現(xiàn)省市區(qū)域圖的示例代碼
一、前言
省市區(qū)域圖也可以叫省市輪廓圖,就是將每個(gè)省份、市區(qū)的邊界區(qū)域變成輪廓展示,只是個(gè)大概的輪廓,和真是的地圖基本一致,畢竟都是一個(gè)個(gè)點(diǎn)堆起來(lái)的,可能會(huì)有很小很小的誤差,之前做大屏系統(tǒng)中間那個(gè)中國(guó)地圖的時(shí)候,客戶千方百計(jì)交代清楚,千萬(wàn)要注意有九段線,不然在展會(huì)上被別人看到如果連九段線都沒有的話會(huì)被人罵死,可能在部分早期的數(shù)據(jù)由于不是很完善所以未必有,后期的最新的地圖數(shù)據(jù)都是有的,包括輪廓圖數(shù)據(jù)。
echart本身是沒有提供省市區(qū)域輪廓圖的,需要引入外部的js文件才能繪制,為了拿到全國(guó)各省市的對(duì)應(yīng)輪廓圖js文件,特意去網(wǎng)上搜索了很多的相關(guān)文章并理解,下載到了對(duì)應(yīng)的省市區(qū)域的json數(shù)據(jù),然后根據(jù)js的規(guī)則特意寫了個(gè)類專門用來(lái)轉(zhuǎn)換json數(shù)據(jù)到j(luò)s文件,然后生成了所有省市區(qū)域的js文件,在echart中用到哪個(gè)只需要那個(gè)的js文件即可,這些js文件在那個(gè)下載地址中都有的,至于這些區(qū)域的輪廓圖其實(shí)是一些亂七八糟的符號(hào)具體什么含義我也沒有搞懂,你說(shuō)是base64編碼吧仔細(xì)看也不像,管他呢,是正確的的能用就行,具體的原理估計(jì)也要研究echart的源碼才行。
之前的閃爍點(diǎn)圖或者遷徙圖也好,都是用中國(guó)地圖輪廓圖作為背景的,可以鼠標(biāo)縮放,其實(shí)svg也可以做到類似的效果,類似于矢量圖,除了中國(guó)地圖以外,其實(shí)還可以有世界地圖,至于世界其他國(guó)家的地圖估計(jì)要自己通過其他方式轉(zhuǎn)換慢慢得到了,按道理來(lái)說(shuō)應(yīng)該有不少的應(yīng)用軟件給國(guó)外客戶用的話會(huì)有。
二、功能特點(diǎn)
- 同時(shí)支持閃爍點(diǎn)圖、遷徙圖、區(qū)域地圖、儀表盤等。
- 可以設(shè)置標(biāo)題、提示信息、背景顏色、文字顏色、線條顏色、區(qū)域顏色等各種顏色。
- 可設(shè)置城市的名稱、值、經(jīng)緯度 集合。
- 可設(shè)置地圖的放大倍數(shù)、是否允許鼠標(biāo)滾輪縮放。
- 內(nèi)置世界地圖、全國(guó)地圖、省份地圖、地區(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)緯度信息集合的功能,可以通過該方法獲取到信息用來(lái)顯示。
- 依賴瀏覽器組件顯示地圖,提供的demo支持webkit、webengine、ie 三種方式加載網(wǎng)頁(yè)。
- 拓展性極強(qiáng),可以依葫蘆畫瓢自行增加各種精美的echarts組件,做出牛逼的效果。
- 內(nèi)置的儀表盤組件提供交互功能,demo演示中包含了對(duì)應(yīng)的代碼。
- 函數(shù)接口友好和統(tǒng)一,使用簡(jiǎn)單方便,就一個(gè)類。
- 支持任意Qt版本、任意系統(tǒng)、任意編譯器。
三、體驗(yàn)地址
體驗(yàn)地址:https://pan.baidu.com/s/1Ie1xGLv7tSL-9vfsv28w1Q 提取碼: wf4f?? 文件名:bin_map.zip
國(guó)內(nèi)站點(diǎn):https://gitee.com/feiyangqingyun
國(guó)際站點(diǎn):https://github.com/feiyangqingyun
四、效果圖
五、相關(guān)代碼
QStringList EchartJs::getInfoFromData(const QByteArray &data) { //取出對(duì)應(yīng)的城市名稱和經(jīng)緯度 //以下兩種方法測(cè)試過解析時(shí)間,json大概1S,字符串分割大概5S,json方法更快 QStringList result; #if (QT_VERSION > QT_VERSION_CHECK(5,0,0)) //采用qt內(nèi)置的json方法解析 QJsonParseError error; QJsonDocument jsonDoc = QJsonDocument::fromJson(data, &error); if (error.error == QJsonParseError::NoError) { QJsonObject rootObj = jsonDoc.object(); //qDebug() << rootObj.keys(); if (rootObj.contains("features")) { QJsonArray features = rootObj.value("features").toArray(); for (int i = 0; i < features.count(); i++) { QJsonValue value = features.at(i); QJsonObject subObj = value.toObject(); if (subObj.contains("properties")) { QJsonObject nodeObj = subObj.value("properties").toObject(); QStringList list; QJsonArray array = nodeObj.value("cp").toArray(); for (int k = 0; k < array.count(); k++) { list << QString::number(array.at(k).toDouble()); } QString name = nodeObj.value("name").toString(); QString cp = list.join(","); result << QString("%1|%2").arg(name).arg(cp); } } } } #else //采用字符串分割方法解析 QString temp = data; temp = temp.mid(0, temp.length() - 24); QString flag = "properties"; int len = temp.length(); for (int i = 0; i < len; i++) { QString str = temp.mid(i, 10); if (str == flag) { str = temp.mid(i, 100); str = str.mid(13, str.indexOf("},") - 13); str = str.replace("}", ""); //到這步數(shù)據(jù)已經(jīng)變成 "cp":[121.490317,31.222771],"name":"黃浦區(qū)","childNum":1 //cp name的順序可能不一樣,所以需要分割字符串重新判斷 QString name, cp; QStringList list = str.split(","); foreach (QString s, list) { if (s.startsWith("\"cp\"")) { cp = s.mid(6, s.length()); } else if (s.startsWith("\"name\"")) { name = s.mid(8, s.length()); name = name.replace("\"", ""); } else if (s.startsWith("\"childNum\"")) { } else { //經(jīng)緯度會(huì)拆分成兩部分,一部分在這里 31.222771] cp = QString("%1,%2").arg(cp).arg(s.left(s.length() - 1)); } } result << QString("%1|%2").arg(name).arg(cp); } } #endif return result; }
到此這篇關(guān)于Qt編寫地圖實(shí)現(xiàn)省市區(qū)域圖的示例代碼的文章就介紹到這了,更多相關(guān)Qt 省市區(qū)域圖內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
C++?點(diǎn)(.)和箭頭(->)運(yùn)算符用法小結(jié)
在C++中,點(diǎn)運(yùn)算符(.)用于訪問類的成員變量和成員函數(shù),而箭頭運(yùn)算符(->)用于通過指針訪問類的成員變量和成員函數(shù),本文就來(lái)詳細(xì)的介紹一下如何使用,感興趣的可以了解一下2024-01-01C++鏈表實(shí)現(xiàn)通訊錄設(shè)計(jì)
這篇文章主要為大家詳細(xì)介紹了C++鏈表實(shí)現(xiàn)通訊錄設(shè)計(jì),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06C++實(shí)現(xiàn)LeetCode(163.缺失區(qū)間)
這篇文章主要介紹了C++實(shí)現(xiàn)LeetCode(163.缺失區(qū)間),本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07如何用C++求兩個(gè)數(shù)的最大公約數(shù)和最小公倍數(shù)
最大公約數(shù)是指兩個(gè)或多個(gè)整數(shù)共有約數(shù)中,最大的一個(gè)約數(shù),常用的方法是歐幾里得算法,也叫輾轉(zhuǎn)相除法,下面這篇文章主要給大家介紹了關(guān)于如何用C++求兩個(gè)數(shù)的最大公約數(shù)和最小公倍數(shù)的相關(guān)資料,需要的朋友可以參考下2023-01-01