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

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

May 16, 2016 pm 05:42 PM
api 標註 百度地圖

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

百度地圖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

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

百度地圖搭計程車如何支付 搭計程車的付款步驟介紹 百度地圖搭計程車如何支付 搭計程車的付款步驟介紹 Mar 13, 2024 am 10:04 AM

百度地圖搭計程車如何支付 搭計程車的付款步驟介紹

《百度地圖》如何新增地點 《百度地圖》如何新增地點 Mar 20, 2024 pm 01:46 PM

《百度地圖》如何新增地點

百度地圖3d實景地圖怎麼看 百度地圖3d實景地圖怎麼看 Feb 23, 2024 pm 12:52 PM

百度地圖3d實景地圖怎麼看

百度地圖車道級導航覆蓋全國200城,提升駕駛體驗 百度地圖車道級導航覆蓋全國200城,提升駕駛體驗 Feb 03, 2024 pm 03:05 PM

百度地圖車道級導航覆蓋全國200城,提升駕駛體驗

《百度地圖》叫計程車怎麼付費 《百度地圖》叫計程車怎麼付費 Mar 26, 2024 pm 09:20 PM

《百度地圖》叫計程車怎麼付費

百度地圖怎麼看3d即時街景 查看3d即時街景的方法 百度地圖怎麼看3d即時街景 查看3d即時街景的方法 Mar 28, 2024 pm 03:20 PM

百度地圖怎麼看3d即時街景 查看3d即時街景的方法

摩爾線程與百度地圖簽訂策略合作,共創全新一代數位孿生地圖 摩爾線程與百度地圖簽訂策略合作,共創全新一代數位孿生地圖 Jul 25, 2024 am 12:31 AM

摩爾線程與百度地圖簽訂策略合作,共創全新一代數位孿生地圖

百度地圖怎麼標記多個地點 標記多個地點方法 百度地圖怎麼標記多個地點 標記多個地點方法 Mar 15, 2024 pm 04:28 PM

百度地圖怎麼標記多個地點 標記多個地點方法

See all articles