Qt編寫地圖綜合應用24-miniblink內核

一、前言

用Qt做項目過程中,遇到需要用到瀏覽器控件的項目,可能都會繞不開一個問題,那就是從Qt5.6版本開始mingw編譯器的Qt構建套件,不再提供瀏覽器控件了,之前還可以用webkit控件,這下很多項目要麼選擇5.6以下版本,要麼選擇msvc的構建套件,而且大部分的msvc構建套件還不自帶瀏覽器控件,也需要自己編譯,只有原配的構建套件比如Qt5.9+VS2015、Qt5.12+VS2017這種搭配纔可能有瀏覽器控件,不然就算你勾選了瀏覽器控件也不會安裝,這樣就使得很多依賴瀏覽器控件的項目比較被動,於是必須尋找一個輕量級的瀏覽器控件來替代,比如cef、miniblink,個人更傾向於miniblink,用法極其簡單,依賴極其精簡就一個dll,在linux和mac系統上本來qt就一直會有瀏覽器控件,所以也就不涉及到跨平臺的問題,所以miniblink暫支持windows的缺點也就不算缺點了。

miniblink是一個追求極致小巧的瀏覽器內核項目,全世界第三大流行的瀏覽器內核控件。其基於chromium最新版內核,去除了chromium所有多餘的部件,只保留最基本的排版引擎blink。miniblink保持了10M左右的極簡大小,是所有同類產品最小的體積,同時支持windows xp、npapi。miniblink的作者非常牛逼,QQ暱稱叫掃地僧,猶如天龍八部中的掃地僧一般,極其隱祕又武功極高,精通各種絕技,確實相當的屌。

qt+miniblink用法步驟:

  • 第一步:調用wkeSetWkeDllPath函數加載dll文件路徑,一個項目只需要執行一次。
  • 第二步:調用wkeInitialize初始化動態庫,一個項目只需要執行一次。
  • 第三步:調用wkeCreateWebWindow創建一個瀏覽器控件,傳入句柄。
  • 第四步:調用wkeOnLoadingFinish註冊回調加載完成信號,有需要才註冊。
  • 第五步:調用wkeJsBindFunction註冊回調接收數據的方法,一定要放在這裏在網頁加載前執行。
  • 第六步:調用wkeLoadURL加載網址、wkeLoadFile加載網頁文件、wkeLoadHtmlWithBaseUrl加載網頁內容。
  • 第七步:調用wkeRunJS執行js函數,超級簡單。
  • 第八步:調用wkeFinalize釋放資源,只要執行一次,在整個項目結束的時候。

qt+miniblink完整demo開源地址:
https://gitee.com/feiyangqingyun/QWidgetDemo/tree/master/miniblink
https://github.com/feiyangqingyun/QWidgetDemo/tree/master/miniblink

二、功能特點

  1. 同時支持在線地圖和離線地圖兩種模式。
  2. 同時支持webkit內核、webengine內核、miniblink內核、IE內核。
  3. 支持設置多個標註點,信息包括名稱、地址、經緯度。
  4. 可設置地圖是否可單擊、拖動、鼠標滾輪縮放。
  5. 可設置協議版本、祕鑰、主題樣式、中心座標、中心城市、地理編碼位置等。
  6. 可設置地圖縮放比例和級別,縮略圖、比例尺、路況信息等控件的可見。
  7. 支持地圖交互,比如鼠標按下獲取對應位置的經緯度。
  8. 支持查詢路線,可設置起點位置、終點位置、路線模式、路線方式、路線方案(最少時間、最少換乘、最少步行、不乘地鐵、最短距離、避開高速)。
  9. 可顯示點線面工具,可直接在地圖上劃線、點、矩形、圓形等。
  10. 可設置行政區劃,指定某個城市區域繪製圖層,在線地圖自動輸出行政區劃邊界點集合到js文件給離線地圖使用。
  11. 可靜態或者動態添加多個覆蓋物。支持點、折線、多邊形、矩形、圓形、弧線、點聚合等。
  12. 提供函數接口處理經緯度解析成地址和地址解析成經緯度座標。
  13. 提供的demo直接可以單獨選點執行對應的處理比如路線查詢。
  14. 可以拿到路線查詢到的點座標信息集合,比如用於機器人座標導航等。
  15. 封裝了豐富的函數比如刪除指定點和所有點,刪除指定覆蓋物和所有覆蓋物等。
  16. 標註點彈框信息可以自定義內容,標準html格式。
  17. 標註點單擊事件可選 0-不處理 1-自己彈框 2-發送信號。
  18. 標註點可設置動畫效果 0-不處理 1-跳動 2-墜落
  19. 標註點可設置本地圖片文件等。
  20. 函數接口友好和統一,使用簡單方便,就一個類。
  21. 支持js動態交互添加點、刪除點、清空點、重置點,不需要刷新頁面。
  22. 支持任意Qt版本、任意系統、任意編譯器。

三、體驗地址

  1. 體驗地址:https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取碼:o05q 文件名:bin_map.zip
  2. 國內站點:https://gitee.com/feiyangqingyun
  3. 國際站點:https://github.com/feiyangqingyun
  4. 個人主頁:https://blog.csdn.net/feiyangqingyun
  5. 知乎主頁:https://www.zhihu.com/people/feiyangqingyun/

四、效果圖


五、相關代碼

#ifndef MINIBLINK_H
#define MINIBLINK_H

#include <QWidget>
#include "wke.h"

class miniblink : public QWidget
{
    Q_OBJECT
public:
    explicit miniblink(QWidget *parent = 0);

    //初始化資源
    static void init();
    //釋放資源
    static void release();

protected:
    //設置瀏覽器控件自動適應大小
    void resizeEvent(QResizeEvent *);

private:
    //瀏覽器控件對象
    wkeWebView webView;

signals:
    //網頁載入完成
    void loadFinished(bool ok);
    //收到網頁發出來的數據
    void receiveDataFromJs(const QString &type, const QVariant &data);

public:
    //給回調用的函數
    void loadFinish(bool ok);
    void receiveData(const QString &type, const QVariant &data);

public slots:
    //加載網址或者本地文件
    void load(const QString &url, bool file = false);
    //加載html內容
    void setHtml(const QString &html, const QString &baseUrl);
    //執行js函數
    void runJs(const QString &js);
};

#endif // MINIBLINK_H
#include "miniblink.h"
#include "qapplication.h"
#include "qdebug.h"

void onLoadingFinish(wkeWebView, void *param, const wkeString, wkeLoadingResult result, const wkeString)
{
    //qDebug() << "onLoadingFinish" << result;
    //在註冊函數的地方就已經傳入了類指針
    miniblink *widget = (miniblink *)param;
    //0 = WKE_LOADING_SUCCEEDED, 1 = WKE_LOADING_FAILED, 2 = WKE_LOADING_CANCELED
    widget->loadFinish(result == 0);
}

jsValue WKE_CALL_TYPE objName_receiveData(jsExecState es, void *param)
{
    if (0 == jsArgCount(es)) {
        return jsUndefined();
    }

    //挨個取出參數,設定的通用方法,只有兩個參數
    jsValue arg0 = jsArg(es, 0);
    jsValue arg1 = jsArg(es, 1);
    if (!jsIsString(arg0)) {
        return jsUndefined();
    }

    //在註冊函數的地方就已經傳入了類指針
    miniblink *widget = (miniblink *)param;
    QString type = QString::fromStdString(jsToString(es, arg0));
    QVariant data = QString::fromStdString(jsToString(es, arg1));
    widget->receiveData(type, data);
    return jsUndefined();
}

miniblink::miniblink(QWidget *parent) : QWidget(parent)
{
    //第一步先初始化動態庫
    init();
    //第二步初始化瀏覽器控件
    //創建一個瀏覽器控件,放入句柄
    webView = wkeCreateWebWindow(WKE_WINDOW_TYPE_CONTROL, (HWND)this->winId(), 0, 0, this->width(), this->height());
    //關聯完成信號
    wkeOnLoadingFinish(webView, onLoadingFinish, this);
    //設置瀏覽器控件可見
    wkeShowWindow(webView, TRUE);
    //註冊通用的接收數據的方法,一定要放在這裏在網頁加載前執行
    wkeJsBindFunction("objName_receiveData", objName_receiveData, this, 2);
}

void miniblink::init()
{
    //全局只需要初始化一次
    static bool isInit = false;
    if (!isInit) {
        isInit = true;
        //不同的構建套件位數加載不同的動態庫
#ifdef Q_OS_WIN64
        QString file = qApp->applicationDirPath() + "/miniblink_64.dll";
#else
        QString file = qApp->applicationDirPath() + "/miniblink.dll";
#endif
        const wchar_t *path = reinterpret_cast<const wchar_t *>(file.utf16());
        wkeSetWkeDllPath(path);
        bool ok = wkeInitialize();
        qDebug() << QString("init miniblink %1").arg(ok ? "ok" : "error");
    }
}

void miniblink::release()
{
    wkeFinalize();
}

void miniblink::resizeEvent(QResizeEvent *)
{
    wkeResize(webView, this->width(), this->height());
}

void miniblink::loadFinish(bool ok)
{
    emit loadFinished(ok);
}

void miniblink::receiveData(const QString &type, const QVariant &data)
{
    emit receiveDataFromJs(type, data);
}

void miniblink::load(const QString &url, bool file)
{
    const char *temp = url.toLocal8Bit().data();
    if (file) {
        wkeLoadFile(webView, temp);
    } else {
        wkeLoadURL(webView, temp);
    }
}

void miniblink::setHtml(const QString &html, const QString &baseUrl)
{
    wkeLoadHtmlWithBaseUrl(webView, html.toLocal8Bit().data(), baseUrl.toLocal8Bit().data());
}

void miniblink::runJs(const QString &js)
{
    wkeRunJS(webView, js.toLocal8Bit().data());
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章