一、前言

用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

二、功能特點

同時支持在線地圖和離線地圖兩種模式。

同時支持webkit內核、webengine內核、miniblink內核、IE內核。

支持設置多個標注點，信息包括名稱、地址、經緯度。

可設置地圖是否可單擊、拖動、鼠標滾輪縮放。

可設置協議版本、秘鑰、主題樣式、中心坐標、中心城市、地理編碼位置等。

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

支持地圖交互，比如鼠標按下獲取對應位置的經緯度。

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

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

可設置行政區劃，指定某個城市區域繪制圖層，在線地圖自動輸出行政區劃邊界點集合到js文件給離線地圖使用。

可靜態或者動態添加多個覆蓋物。支持點、折線、多邊形、矩形、圓形、弧線、點聚合等。

提供函數接口處理經緯度解析成地址和地址解析成經緯度坐標。

提供的demo直接可以單獨選點執行對應的處理比如路線查詢。

可以拿到路線查詢到的點坐標信息集合，比如用于機器人坐標導航等。

封裝了豐富的函數比如刪除指定點和所有點，刪除指定覆蓋物和所有覆蓋物等。

標注點彈框信息可以自定義內容，標準html格式。

標注點單擊事件可選 0-不處理 1-自己彈框 2-發送信號。

標注點可設置動畫效果 0-不處理 1-跳動 2-墜落

標注點可設置本地圖片文件等。

函數接口友好和統一，使用簡單方便，就一個類。

支持js動態交互添加點、刪除點、清空點、重置點，不需要刷新頁面。

支持任意Qt版本、任意系統、任意編譯器。

三、體驗地址

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

國內站點：https://gitee.com/feiyangqingyun

國際站點：https://github.com/feiyangqingyun

個人主頁：https://blog.csdn.net/feiyangqingyun

知乎主頁：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_CANCELEDwidget->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_WIN64QString file = qApp->applicationDirPath() + "/miniblink_64.dll"; #elseQString file = qApp->applicationDirPath() + "/miniblink.dll"; #endifconst 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()); }

總結

以上是生活随笔為你收集整理的Qt编写地图综合应用24-miniblink内核的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。