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://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/

四、效果圖

五、相關代碼

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);");
        }
    }
}