Qt編寫地圖綜合應用18-地圖模式

一、前言

除了傳統的街道圖地圖外，預設的一般都是街道圖，還有衛星圖、三維圖等，其中又有疊加層，比如疊加路況圖層和路網圖層等，最近去了多家的地圖官網看對應的api接口，總體上感覺現在都往2.5D或者3D這塊發展，估計這也是未來的一個大趨勢，記得有個長輩程式員，花了很多年專門研究opengl之類的玩意，将現有的電網系統換成了3D的，甚至取了個高大上的名字叫世界電網互聯系統，直接可以旋轉一個球體，檢視各種電網路線等，而且現在的安防行業好像也在往3D方向發展，甚至和物聯網結合，以3D的模式呈現一棟大樓或者一個小區的三維場景，報警點也是三維呈現，這個效果非常驚豔，一不小心就把大上司震撼了，然後經費就來了。

百度地圖本身提供了普通模式、地球模式、三維模式、地鐵模式等好多種，普通模式是最常用的預設的，就是那個街道圖和衛星圖的，而地球模式和三維模式是最近幾年才新增加的，為了迎合現在越來越多的使用者的需求，地球模式和三維模式需要使用新的API接口，之前都是BMAP開頭，而他是BMAPGL開頭，連點坐标等對象都是BMAPGL.Point之類的對象了，看名字就知道這些玩意估計都用了opengl之類的玩意來實作和渲染。

二、功能特點

1. 同時支援線上地圖和離線地圖兩種模式。
2. 同時支援webkit核心、webengine核心、IE核心。
3. 支援設定多個标注點，資訊包括名稱、位址、經緯度。
4. 可設定地圖是否可單擊、拖動、滑鼠滾輪縮放。
5. 可設定協定版本、秘鑰、主題樣式、中心坐标、中心城市、地理編碼位置等。
6. 可設定地圖縮放比例和級别，縮略圖、比例尺、路況資訊等控件的可見。
7. 支援地圖互動，比如滑鼠按下擷取對應位置的經緯度。
8. 支援查詢路線，可設定起點位置、終點位置、路線模式、路線方式、路線方案（最少時間、最少換乘、最少步行、不乘地鐵、最短距離、避開高速）。
9. 可顯示點線面工具，可直接在地圖上劃線、點、矩形、圓形等。
10. 可設定行政區劃，指定某個城市區域繪制圖層，線上地圖自動輸出行政區劃邊界點集合到js檔案給離線地圖使用。
11. 可靜态或者動态添加多個覆寫物。支援點、折線、多邊形、矩形、圓形、弧線、點聚合等。
12. 函數接口友好和統一，使用簡單友善，就一個類。
13. 支援js動态互動添加點、删除點、清空點、重置點，不需要重新整理頁面。
14. 支援任意Qt版本、任意系統、任意編譯器。

三、體驗位址

1. 國内站點： https://gitee.com/feiyangqingyun
2. 國際站點： https://github.com/feiyangqingyun
3. 個人首頁： https://blog.csdn.net/feiyangqingyun
4. 知乎首頁： https://www.zhihu.com/people/feiyangqingyun/

四、效果圖

五、相關代碼

void MapBaiDu::addProperty(QStringList &list)
{
    if (mapType == 0) {
        //定義地圖對象
        list << QString("  var map = new BMap.Map('map', {minZoom:%1, maxZoom:%2, enableMapClick:%3});")
             .arg(mapMinZoom).arg(mapMaxZoom).arg(enableMapClick ? "true" : "false");
        list << QString("  var point = new BMap.Point(%1);").arg(mapCenterPoint);
    } else if (!mapLocal) {
        //隻有線上地圖才有其他幾種
        if (mapType == 1) {
            //設定地圖類型為地球模式  BMap對象全部改為BMapGL
            list << QString("  var map = new BMapGL.Map('map');");
            list << QString("  var point = new BMapGL.Point(%1);").arg(mapCenterPoint);
            list << QString("  map.setMapType(BMAP_EARTH_MAP);");
        } else if (mapType == 2) {
            list << QString("  var map = new BMapGL.Map('map');");
            list << QString("  var point = new BMapGL.Point(%1);").arg(mapCenterPoint);
        } else if (mapType == 3) {
            list << QString("  var subwayCityName = '%1';").arg(mapCenterCity);
            list << QString("  var list = BMapSub.SubwayCitiesList;");
            list << QString("  var subwaycity = null;");
            list << QString("  for (var i = 0; i < list.length; i++) {");
            list << QString("    if (list[i].name === subwayCityName) {");
            list << QString("      subwaycity = list[i];");
            list << QString("      break;");
            list << QString("    }");
            list << QString("  }");

            list << QString("  var map = new BMapSub.Subway('map', subwaycity.citycode);");
            list << QString("  var zoomControl = new BMapSub.ZoomControl({");
            list << QString("  anchor: BMAPSUB_ANCHOR_BOTTOM_RIGHT,");
            list << QString("  offset: new BMapSub.Size(10,100)");
            list << QString("  });");
            list << QString("  map.addControl(zoomControl);");
            list << QString("  map.setZoom(0.5);");
        }
    }
}