百度地圖框選標註座標返回標註資訊
阿新 • • 發佈:2021-02-04
技術標籤: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 &