首頁  >  文章  >  web前端  >  百度地圖api應用標註地理位置資訊(js版)_javascript技巧

百度地圖api應用標註地理位置資訊(js版)_javascript技巧

WBOY
WBOY原創
2016-05-16 17:42:221742瀏覽

有時做了一些東西沒有記錄,而過一段時間再看的時候,有會忘記了。需要在重新在看一遍。

百度地圖javascript api可以參考 http://developer.baidu.com/map/reference/ 
範例:http://developer.baidu.com/map/jsdemo.htm

範例:http://developer.baidu.com/map/jsdemo.htm


更多百度地圖的介紹http://www.cnblogs.com/milkmap/tag/地圖API/   

裡面介紹的非常細緻。

弄了一個百度地圖來標註地理位置信息,透過百度api來獲取地址。這張地圖api是javascript版


新增顯示顯示的div控制

程式碼如下:

 

搜尋:
  type="button" value="搜尋" style="cursor: pointer" />


緯度:
經度:
標註點所在區域:








北京市 [更換城市]





在引用引用 程式碼如下:


//jquery庫
//百度地圖的檔案
//城市選擇的


添加代碼 程式碼如下:

var addComp = rs.addressComponents;
document.getElementById("txtAreaCode").value = addComp.province ", " add.city "txtAreaCode").value = addComp.province ", " add.city ", " Compadd.city ", " Comp.district ; });

}

效果圖  這標示的源碼:百度地圖示註源碼
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn