一、前言

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

miniblink是一個(gè)追求極致小巧的瀏覽器內(nèi)核項(xiàng)目，全世界第三大流行的瀏覽器內(nèi)核控件。其基于chromium最新版內(nèi)核，去除了chromium所有多余的部件，只保留最基本的排版引擎blink。miniblink保持了10M左右的極簡大小，是所有同類產(chǎn)品最小的體積，同時(shí)支持windows xp、npapi。miniblink的作者非常牛逼，QQ昵稱叫掃地僧，猶如天龍八部中的掃地僧一般，極其隱秘又武功極高，精通各種絕技，確實(shí)相當(dāng)?shù)膶拧?/p>

qt+miniblink用法步驟：

• 第一步：調(diào)用wkeSetWkeDllPath函數(shù)加載dll文件路徑，一個(gè)項(xiàng)目只需要執(zhí)行一次。
• 第二步：調(diào)用wkeInitialize初始化動(dòng)態(tài)庫，一個(gè)項(xiàng)目只需要執(zhí)行一次。
• 第三步：調(diào)用wkeCreateWebWindow創(chuàng)建一個(gè)瀏覽器控件，傳入句柄。
• 第四步：調(diào)用wkeOnLoadingFinish注冊回調(diào)加載完成信號(hào)，有需要才注冊。
• 第五步：調(diào)用wkeJsBindFunction注冊回調(diào)接收數(shù)據(jù)的方法，一定要放在這里在網(wǎng)頁加載前執(zhí)行。
• 第六步：調(diào)用wkeLoadURL加載網(wǎng)址、wkeLoadFile加載網(wǎng)頁文件、wkeLoadHtmlWithBaseUrl加載網(wǎng)頁內(nèi)容。
• 第七步：調(diào)用wkeRunJS執(zhí)行js函數(shù)，超級(jí)簡單。
• 第八步：調(diào)用wkeFinalize釋放資源，只要執(zhí)行一次，在整個(gè)項(xiàng)目結(jié)束的時(shí)候。

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

二、功能特點(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)一，使用簡單方便，就一個(gè)類。

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

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

三、體驗(yàn)地址

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

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

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

個(gè)人主頁：https://blog.csdn.net/feiyangqingyun

知乎主頁：https://www.zhihu.com/people/feiyangqingyun/

四、效果圖

五、相關(guān)代碼

#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://設(shè)置瀏覽器控件自動(dòng)適應(yīng)大小void resizeEvent(QResizeEvent *);private://瀏覽器控件對(duì)象wkeWebView webView;signals://網(wǎng)頁載入完成void loadFinished(bool ok);//收到網(wǎng)頁發(fā)出來的數(shù)據(jù)void receiveDataFromJs(const QString &type, const QVariant &data);public://給回調(diào)用的函數(shù)void loadFinish(bool ok);void receiveData(const QString &type, const QVariant &data);public slots://加載網(wǎng)址或者本地文件void load(const QString &url, bool file = false);//加載html內(nèi)容void setHtml(const QString &html, const QString &baseUrl);//執(zhí)行js函數(shù)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;//在注冊函數(shù)的地方就已經(jīng)傳入了類指針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();}//挨個(gè)取出參數(shù),設(shè)定的通用方法,只有兩個(gè)參數(shù)jsValue arg0 = jsArg(es, 0);jsValue arg1 = jsArg(es, 1);if (!jsIsString(arg0)) {return jsUndefined();}//在注冊函數(shù)的地方就已經(jīng)傳入了類指針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) {//第一步先初始化動(dòng)態(tài)庫init();//第二步初始化瀏覽器控件//創(chuàng)建一個(gè)瀏覽器控件,放入句柄webView = wkeCreateWebWindow(WKE_WINDOW_TYPE_CONTROL, (HWND)this->winId(), 0, 0, this->width(), this->height());//關(guān)聯(lián)完成信號(hào)wkeOnLoadingFinish(webView, onLoadingFinish, this);//設(shè)置瀏覽器控件可見wkeShowWindow(webView, TRUE);//注冊通用的接收數(shù)據(jù)的方法,一定要放在這里在網(wǎng)頁加載前執(zhí)行wkeJsBindFunction("objName_receiveData", objName_receiveData, this, 2); }void miniblink::init() {//全局只需要初始化一次static bool isInit = false;if (!isInit) {isInit = true;//不同的構(gòu)建套件位數(shù)加載不同的動(dòng)態(tài)庫 #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()); }

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。