1. 程式人生 > 其它 >百度地圖框選標註座標返回標註資訊

百度地圖框選標註座標返回標註資訊

技術標籤:javascript百度

①、框選地圖中設定好的標註
②、返回框選標註的資訊,顯示在彈窗中。
③、點選彈窗中的資料列表,地圖對應的標註顯示具體資訊

原始檔地址:
https://download.csdn.net/download/weixin_39921970/14801191

步驟:
1、申請百度地圖祕鑰;
2、修改index.html中js的地圖key;
3、引入百度地圖的畫圖js;
4、該demo核心為框選地圖標註返回選中的標註資訊,按業務擴充修改,程式碼備註詳細。

效果如下:
在這裡插入圖片描述

核心程式碼:
HTML:

</div>
 <!--右上角控制按鈕 GO-->
<div class="open" id="open"></div>
<div class="btnbox " id="o1">
    <div class="out">
        <span>0</span>
        <span>核查</span>
    </div>
</div>
<div class="btnbox " id="o2">
    <div class="out &