怎么用Qt實現(xiàn)省市區(qū)域圖

本篇內(nèi)容介紹了“怎么用Qt實現(xiàn)省市區(qū)域圖”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機版網(wǎng)站建設(shè)）、響應(yīng)式網(wǎng)站建設(shè)、程序開發(fā)、微網(wǎng)站、小程序開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運作于一體，具備承接不同規(guī)模與類型的建設(shè)項目的能力。

一、前言

省市區(qū)域圖也可以叫省市輪廓圖，就是將每個省份、市區(qū)的邊界區(qū)域變成輪廓展示，只是個大概的輪廓，和真是的地圖基本一致，畢竟都是一個個點堆起來的，可能會有很小很小的誤差，之前做大屏系統(tǒng)中間那個中國地圖的時候，客戶千方百計交代清楚，千萬要注意有九段線，不然在展會上被別人看到如果連九段線都沒有的話會被人罵死，可能在部分早期的數(shù)據(jù)由于不是很完善所以未必有，后期的最新的地圖數(shù)據(jù)都是有的，包括輪廓圖數(shù)據(jù)。

echart本身是沒有提供省市區(qū)域輪廓圖的，需要引入外部的js文件才能繪制，為了拿到全國各省市的對應(yīng)輪廓圖js文件，特意去網(wǎng)上搜索了很多的相關(guān)文章并理解，下載到了對應(yīng)的省市區(qū)域的json數(shù)據(jù)，然后根據(jù)js的規(guī)則特意寫了個類專門用來轉(zhuǎn)換json數(shù)據(jù)到j(luò)s文件，然后生成了所有省市區(qū)域的js文件，在echart中用到哪個只需要那個的js文件即可，這些js文件在那個下載地址中都有的，至于這些區(qū)域的輪廓圖其實是一些亂七八糟的符號具體什么含義我也沒有搞懂，你說是base64編碼吧仔細(xì)看也不像，管他呢，是正確的的能用就行，具體的原理估計也要研究echart的源碼才行。

之前的閃爍點圖或者遷徙圖也好，都是用中國地圖輪廓圖作為背景的，可以鼠標(biāo)縮放，其實svg也可以做到類似的效果，類似于矢量圖，除了中國地圖以外，其實還可以有世界地圖，至于世界其他國家的地圖估計要自己通過其他方式轉(zhuǎn)換慢慢得到了，按道理來說應(yīng)該有不少的應(yīng)用軟件給國外客戶用的話會有。

二、功能特點

  1. 同時支持閃爍點圖、遷徙圖、區(qū)域地圖、儀表盤等。

  2. 可以設(shè)置標(biāo)題、提示信息、背景顏色、文字顏色、線條顏色、區(qū)域顏色等各種顏色。

  3. 可設(shè)置城市的名稱、值、經(jīng)緯度 集合。

  4. 可設(shè)置地圖的放大倍數(shù)、是否允許鼠標(biāo)滾輪縮放。

  5. 內(nèi)置世界地圖、全國地圖、省份地圖、地區(qū)地圖，可以精確到縣，所有地圖全部離線使用。

  6. 內(nèi)置了各省市json數(shù)據(jù)文件轉(zhuǎn)js文件功能，如有數(shù)據(jù)更新自行轉(zhuǎn)換即可，支持單個文件轉(zhuǎn)換和一鍵轉(zhuǎn)換所有文件。

  7. 內(nèi)置了從json文件或者js文件獲取該區(qū)域的所有名稱和經(jīng)緯度信息集合的功能，可以通過該方法獲取到信息用來顯示。

  8. 依賴瀏覽器組件顯示地圖，提供的demo支持webkit、webengine、ie 三種方式加載網(wǎng)頁。

  9. 拓展性極強，可以依葫蘆畫瓢自行增加各種精美的echarts組件，做出牛逼的效果。

  10. 內(nèi)置的儀表盤組件提供交互功能，demo演示中包含了對應(yīng)的代碼。

  11. 函數(shù)接口友好和統(tǒng)一，使用簡單方便，就一個類。

  12. 支持任意Qt版本、任意系統(tǒng)、任意編譯器。

三、效果圖

怎么用Qt實現(xiàn)省市區(qū)域圖

四、相關(guān)代碼

QStringList EchartJs::getInfoFromData(const QByteArray &data)
{
    //取出對應(yīng)的城市名稱和經(jīng)緯度
    //以下兩種方法測試過解析時間,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)緯度會拆分成兩部分,一部分在這里 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;
}

“怎么用Qt實現(xiàn)省市區(qū)域圖”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

名稱欄目：怎么用Qt實現(xiàn)省市區(qū)域圖
網(wǎng)頁鏈接：http://bm7419.com/article0/jcshio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、品牌網(wǎng)站設(shè)計、靜態(tài)網(wǎng)站、網(wǎng)站營銷、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)