QT編寫地圖實現(xiàn)在線輪廓圖的示例代碼
一、前言
輪廓圖也叫行政區(qū)劃,這里的輪廓圖是指百度地圖的區(qū)域輪廓圖,不是之前文章中提到的echart專用的輪廓圖,百度地圖的輪廓圖就是一個不規(guī)則的多邊形區(qū)域,只不過這個區(qū)域的坐標點一般是特別多的,比如某個縣市的區(qū)域輪廓,可以拿到一系列的坐標點,主要是用來突出標注某個區(qū)域,比如這個區(qū)域可以突出顏色顯示,線條的顏色和粗細及透明度都可以設置。
在線的輪廓圖可以直接調(diào)用地圖內(nèi)置的 Boundary.get 方法獲取,只需要指定區(qū)域的名稱比如上海市,在回調(diào)的函數(shù)中就可以拿到對應區(qū)域的所有坐標點集合,使用非常方便。這個函數(shù)是地圖內(nèi)置的,該算法在離線的地圖類中沒有找到,具體執(zhí)行規(guī)則可能在服務器上存儲著,而且也是一直更新的,比如全國的行政區(qū)域也不是一成不變的,也是會變化的。
輪廓圖要注意的一點就是,未必每個地區(qū)的輪廓圖就是一個區(qū)域,很多地方還有飛地,或者多個比較大的區(qū)域,例如上海除了上海大本營之外,還有個崇明島大部分,所以在繪制的時候,一定要注意是多個坐標點區(qū)域集合。
二、功能特點
同時支持在線地圖和離線地圖兩種模式。
同時支持webkit內(nèi)核、webengine內(nèi)核、miniblink內(nèi)核、IE內(nèi)核。
支持設置多個標注點,信息包括名稱、地址、經(jīng)緯度。
可設置地圖是否可單擊、拖動、鼠標滾輪縮放。
可設置協(xié)議版本、秘鑰、主題樣式、中心坐標、中心城市、地理編碼位置等。
可設置地圖縮放比例和級別,縮略圖、比例尺、路況信息等控件的可見。
支持地圖交互,比如鼠標按下獲取對應位置的經(jīng)緯度。
支持查詢路線,可設置起點位置、終點位置、路線模式、路線方式、路線方案(最少時間、最少換乘、最少步行、不乘地鐵、最短距離、避開高速)。
可顯示點線面工具,可直接在地圖上劃線、點、矩形、圓形等。
可設置行政區(qū)劃,指定某個城市區(qū)域繪制圖層,在線地圖自動輸出行政區(qū)劃邊界點集合到js文件給離線地圖使用。
可靜態(tài)或者動態(tài)添加多個覆蓋物。支持點、折線、多邊形、矩形、圓形、弧線、點聚合等。
提供函數(shù)接口處理經(jīng)緯度解析成地址和地址解析成經(jīng)緯度坐標。
提供的demo直接可以單獨選點執(zhí)行對應的處理比如路線查詢。
可以拿到路線查詢到的點坐標信息集合,比如用于機器人坐標導航等。
封裝了豐富的函數(shù)比如刪除指定點和所有點,刪除指定覆蓋物和所有覆蓋物等。
標注點彈框信息可以自定義內(nèi)容,標準html格式。
標注點單擊事件可選 0-不處理 1-自己彈框 2-發(fā)送信號。
標注點可設置動畫效果 0-不處理 1-跳動 2-墜落
標注點可設置本地圖片文件等。
函數(shù)接口友好和統(tǒng)一,使用簡單方便,就一個類。
支持js動態(tài)交互添加點、刪除點、清空點、重置點,不需要刷新頁面。
支持任意Qt版本、任意系統(tǒng)、任意編譯器。
三、體驗地址
體驗地址:https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取碼:o05q 文件名:bin_map.zip
國內(nèi)站點:https://gitee.com/feiyangqingyun
國際站點:https://github.com/feiyangqingyun
四、效果圖
五、相關代碼?
void MapBaiDu::addBoundary(QStringList &list) { //定義數(shù)組存儲可拖動的邊界點 //在這里定義,在getBoundary函數(shù)調(diào)用的 list << QString(" var polygons = [];"); //動態(tài)添加行政區(qū)劃 list << QString(" function addBoundary(cityname, callfun, edit, color, weight, opacity) {"); //清除地圖覆蓋物 list << QString(" map.clearOverlays();"); //離線地圖通過文件直接加載,上面已經(jīng)引入了對應 cityname 的js文件 //通過讀取js數(shù)組數(shù)據(jù)直接繪制不規(guī)則形狀 if (mapLocal) { QString property = getOverlayProperty(); list << QString(" var pointArray = [];"); list << QString(" var count = boundarys.length;"); list << QString(" for (var i = 0; i < count; ++i) {"); list << QString(" var ply = new %1.Polygon(boundarys[i].points, %2);").arg(mapFlag).arg(property); list << QString(" map.addOverlay(ply);"); list << QString(" pointArray = pointArray.concat(ply.getPath());"); list << QString(" }"); //調(diào)整視野自適應行政區(qū)劃區(qū)域 list << QString(" map.setViewport(pointArray);"); list << QString(" }"); return; } //清除之前存儲的邊界點數(shù)組數(shù)據(jù) list << QString(" polygons = [];"); //實例化行政區(qū)劃對象 list << QString(" var bdary = new %1.Boundary();").arg(mapFlag); //調(diào)用內(nèi)置的方法獲取城市的點集合 list << QString(" bdary.get(cityname, function(rs) {"); //行政區(qū)域的點有多少個 list << QString(" var datas = rs.boundaries;"); list << QString(" var count = datas.length;"); list << QString(" if (count <= 0) {"); list << QString(" return;"); list << QString(" }"); list << QString(" var pointsAll = [];"); list << QString(" var pointArray = [];"); list << QString(" for (var i = 0; i < count; ++i) {"); //建立多邊形覆蓋物 list << QString(" var property = getProperty(color, weight, opacity);"); //建立多邊形覆蓋物 list << QString(" var ply = new %1.Polygon(datas[i], property);").arg(mapFlag); //取出點集合 list << QString(" var pts = ply.getPath();"); list << QString(" var points = [];"); list << QString(" for (var j = 0; j < pts.length; ++j) {"); list << QString(" var point = pts[j].lng + ',' + pts[j].lat;"); list << QString(" points.push(point);"); list << QString(" }"); list << QString(" pointsAll.push(points.join(';'));"); //范圍可編輯,開啟以后可以拖動邊界然后可以重新輸出邊界點集合 list << QString(" if (edit) {"); list << QString(" ply.enableEditing();"); list << QString(" }"); //添加到多邊形數(shù)組,用來后邊獲取調(diào)整后的邊界數(shù)組 list << QString(" polygons.push(ply);"); //添加覆蓋物 list << QString(" map.addOverlay(ply);"); list << QString(" pointArray = pointArray.concat(pts);"); list << QString(" }"); //調(diào)整視野自適應行政區(qū)劃區(qū)域 list << QString(" map.setViewport(pointArray);"); //彈出+調(diào)試輸出+回調(diào)輸出 行政區(qū)劃的邊界坐標點集合 //list << QString(" alert(count);"); //list << QString(" alert(datas);"); //list << QString(" console.log(datas);"); list << QString(" if (callfun) {"); list << QString(" receiveData('boundary', pointsAll.join('|'));"); list << QString(" }"); list << QString(" });"); list << QString(" }"); }
到此這篇關于QT編寫地圖實現(xiàn)在線輪廓圖的示例代碼的文章就介紹到這了,更多相關QT 在線輪廓圖內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
c++函數(shù)中的指針參數(shù)與地址參數(shù)區(qū)別介紹
c++函數(shù)中的指針參數(shù)與地址參數(shù)區(qū)別介紹;可供參考2012-11-11通過stringstream實現(xiàn)常用的類型轉換實例代碼
在本篇文章里小編給大家分享了關于通過stringstream實現(xiàn)常用的類型轉換實例代碼內(nèi)容,需要的朋友們可以參考下。2020-04-04