一、前言

矩形的應用場景和多邊形基本一致，也是用來框起一塊區域，然後根據座標點集合，找到該區域內的標註點集合，比如指定某個縣市區域多邊形，然後找到這個縣市對應的所有站點，拿到這些站點在做其他處理。

二、功能特點

1. 同時支援線上地圖和離線地圖兩種模式。
2. 同時支援webkit核心、webengine核心、miniblink核心、IE核心。
3. 支援設定多個標註點，資訊包括名稱、地址、經緯度。
4. 可設定地圖是否可單擊、拖動、滑鼠滾輪縮放。
5. 可設定協議版本、祕鑰、主題樣式、中心座標、中心城市、地理編碼位置等。
6. 可設定地圖縮放比例和級別，縮圖、比例尺、路況資訊等控制元件的可見。
7. 支援地圖互動，比如滑鼠按下獲取對應位置的經緯度。
8. 支援查詢路線，可設定起點位置、終點位置、路線模式、路線方式、路線方案（最少時間、最少換乘、最少步行、不乘地鐵、最短距離、避開高速）。
9. 可顯示點線面工具，可直接在地圖上劃線、點、矩形、圓形等。
10. 可設定行政區劃，指定某個城市區域繪製圖層，線上地圖自動輸出行政區劃邊界點集合到js檔案給離線地圖使用。
11. 可靜態或者動態新增多個覆蓋物。支援點、折線、多邊形、矩形、圓形、弧線、點聚合等。
12. 提供函式介面處理經緯度解析成地址和地址解析成經緯度座標。
13. 提供的demo直接可以單獨選點執行對應的處理比如路線查詢。
14. 可以拿到路線查詢到的點座標資訊集合，比如用於機器人座標導航等。
15. 封裝了豐富的函式比如刪除指定點和所有點，刪除指定覆蓋物和所有覆蓋物等。
16. 標註點彈框資訊可以自定義內容，標準html格式。
17. 標註點單擊事件可選 0-不處理 1-自己彈框 2-傳送訊號。
18. 標註點可設定動畫效果 0-不處理 1-跳動 2-墜落
19. 標註點可設定本地圖片檔案等。
20. 函式介面友好和統一，使用簡單方便，就一個類。
21. 支援js動態互動新增點、刪除點、清空點、重置點，不需要重新整理頁面。
22. 支援任意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::addRectangle(QStringList &list)
{
    //動態新增矩形
    list << QString("  function addRectangle(points, color, weight, opacity) {");
    list << QString("    var listPoint = points.split('|');");
    list << QString("    if (listPoint.length != 2) {");
    list << QString("      return;");
    list << QString("    }");

    //將兩個座標拆分成四個點
    list << QString("    var list1 = listPoint[0].split(',');");
    list << QString("    var list2 = listPoint[1].split(',');");
    list << QString("    var ptStart = new %1.Point(list1[0], list1[1]);").arg(mapFlag);
    list << QString("    var ptEnd = new %1.Point(list2[0], list2[1]);").arg(mapFlag);
    list << QString("    var pt1 = new %1.Point(ptStart.lng, ptStart.lat);").arg(mapFlag);
    list << QString("    var pt2 = new %1.Point(ptEnd.lng, ptStart.lat);").arg(mapFlag);
    list << QString("    var pt3 = new %1.Point(ptEnd.lng, ptEnd.lat);").arg(mapFlag);
    list << QString("    var pt4 = new %1.Point(ptStart.lng, ptEnd.lat);").arg(mapFlag);
    list << QString("    var property = getProperty(color, weight, opacity);");
    list << QString("    var rectangle = new %1.Polygon([pt1,pt2,pt3,pt4], property);").arg(mapFlag);
    list << QString("    map.addOverlay(rectangle);");
    list << QString("  }");
}