快捷導(dǎo)航

Qt編寫地圖綜合應(yīng)用之繪制覆蓋物折線

更新時(shí)間：2021年12月21日 14:30:26 作者：feiyangqingyun

折線圖目前應(yīng)用最廣的也是用來(lái)繪制各種軌跡，折線圖其實(shí)就是后面動(dòng)態(tài)軌跡圖、飛機(jī)航線圖的前身，公用的一個(gè)方法addPolyline。本文將教大家如何通過(guò)QT實(shí)現(xiàn)覆蓋物折線圖，快來(lái)學(xué)習(xí)吧

一、前言

折線圖目前應(yīng)用最廣的也是用來(lái)繪制各種軌跡，折線圖其實(shí)就是后面動(dòng)態(tài)軌跡圖、飛機(jī)航線圖的前身，公用的一個(gè)方法addPolyline，折線圖可以設(shè)置顏色、粗細(xì)、透明度等屬性，如果開啟了懸浮繪圖工具欄，也可以直接單擊工具欄中的折線圖繪制工具，直接動(dòng)態(tài)繪制。

二、功能特點(diǎn)

同時(shí)支持在線地圖和離線地圖兩種模式。

同時(shí)支持webkit內(nèi)核、webengine內(nèi)核、miniblink內(nèi)核、IE內(nèi)核。

支持設(shè)置多個(gè)標(biāo)注點(diǎn)，信息包括名稱、地址、經(jīng)緯度。

可設(shè)置地圖是否可單擊、拖動(dòng)、鼠標(biāo)滾輪縮放。

可設(shè)置協(xié)議版本、秘鑰、主題樣式、中心坐標(biāo)、中心城市、地理編碼位置等。

可設(shè)置地圖縮放比例和級(jí)別，縮略圖、比例尺、路況信息等控件的可見。

支持地圖交互，比如鼠標(biāo)按下獲取對(duì)應(yīng)位置的經(jīng)緯度。

支持查詢路線，可設(shè)置起點(diǎn)位置、終點(diǎn)位置、路線模式、路線方式、路線方案（最少時(shí)間、最少換乘、最少步行、不乘地鐵、最短距離、避開高速）。

可顯示點(diǎn)線面工具，可直接在地圖上劃線、點(diǎn)、矩形、圓形等。

可設(shè)置行政區(qū)劃，指定某個(gè)城市區(qū)域繪制圖層，在線地圖自動(dòng)輸出行政區(qū)劃邊界點(diǎn)集合到j(luò)s文件給離線地圖使用。

可靜態(tài)或者動(dòng)態(tài)添加多個(gè)覆蓋物。支持點(diǎn)、折線、多邊形、矩形、圓形、弧線、點(diǎn)聚合等。

提供函數(shù)接口處理經(jīng)緯度解析成地址和地址解析成經(jīng)緯度坐標(biāo)。

提供的demo直接可以單獨(dú)選點(diǎn)執(zhí)行對(duì)應(yīng)的處理比如路線查詢。

可以拿到路線查詢到的點(diǎn)坐標(biāo)信息集合，比如用于機(jī)器人坐標(biāo)導(dǎo)航等。

封裝了豐富的函數(shù)比如刪除指定點(diǎn)和所有點(diǎn)，刪除指定覆蓋物和所有覆蓋物等。

標(biāo)注點(diǎn)彈框信息可以自定義內(nèi)容，標(biāo)準(zhǔn)html格式。

標(biāo)注點(diǎn)單擊事件可選 0-不處理 1-自己彈框 2-發(fā)送信號(hào)。

標(biāo)注點(diǎn)可設(shè)置動(dòng)畫效果 0-不處理 1-跳動(dòng) 2-墜落

標(biāo)注點(diǎn)可設(shè)置本地圖片文件等。

函數(shù)接口友好和統(tǒng)一，使用簡(jiǎn)單方便，就一個(gè)類。

支持js動(dòng)態(tài)交互添加點(diǎn)、刪除點(diǎn)、清空點(diǎn)、重置點(diǎn)，不需要刷新頁(yè)面。

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

三、體驗(yàn)地址

體驗(yàn)地址：https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取碼：o05q 文件名：bin_map.zip

國(guó)內(nèi)站點(diǎn)：https://gitee.com/feiyangqingyun

國(guó)際站點(diǎn)：https://github.com/feiyangqingyun

四、效果圖

五、相關(guān)代碼?

void MapBaiDu::addPolyline(QStringList &list)
{
    //動(dòng)態(tài)添加折線
    list << QString("  function addPolyline(points, color, weight, opacity) {");
    list << QString("    var pts = getPoints(points);");
    list << QString("    var property = getProperty(color, weight, opacity);");
    list << QString("    var polyline = new %1.Polyline(pts, property);").arg(mapFlag);
    list << QString("    map.addOverlay(polyline);");
    list << QString("  }");
}

void frmMapBaiDu::on_btnDrawRoute_clicked()
{
    if (routeDatas.count() == 0) {
        QUIHelper::showMessageBoxError("請(qǐng)先單擊查詢路線獲取路線的坐標(biāo)點(diǎn)集合!");
        return;
    }

    //清空之前的軌跡點(diǎn)
    runJs("deleteOverlay('Polyline')");

    //將收到的路徑點(diǎn)集合分線段繪制
    foreach (QStringList data, routeDatas) {
        QString points = data.join("|");
        QString js = QString("addPolyline('%1', '#ff0000')").arg(points);
        runJs(js);
    }
}

到此這篇關(guān)于Qt編寫地圖綜合應(yīng)用之繪制覆蓋物折線的文章就介紹到這了,更多相關(guān)Qt繪制地圖覆蓋物折線內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: