如何調用百度地圖的API接口,并顯示出地理位置

在我們日常敲代碼寫網站的過程中 , 我們有時辰可能需要把一些地輿位置顯示出來在網頁中 。 那么我們必定不是本身寫出這個地圖的代碼 , 一般是直接挪用這個地圖本自己供給的API接口 。 本經驗以百度地圖為例 , 展示一下若何在我們日常所寫的【html】中 , 挪用而且顯示出我們需要的地圖上的地輿位置~
需要這些哦


百度地圖API接口
vs2012
方式/
1 百度直接搜【百度地圖挪用】 , 點擊呈現的第二個網站 , 進入這個網站即可 , 如圖所示~

如何調用百度地圖的API接口,并顯示出地理位置



2 進入這個網站后 , 我們起首得輸入本身需要定位的地址 。 好比我們輸入【上?!窟@個城市 , 輸入后點擊【查找】選項 , 如圖所示

如何調用百度地圖的API接口,并顯示出地理位置



3 顛末上一步的操作 , 我們已經當作功地定位到【上?!窟@個城市了 。 然后我們點擊第二步【設置地圖】 , 如圖所示~

如何調用百度地圖的API接口,并顯示出地理位置



4 在【設置地圖】里面有一些關于這個地圖自己顯示的一些設置選項 , 好比可以設置地圖的【尺寸大小】 , 地圖的【添加按鈕】和地圖的【狀況】 。 這里不做一一設置 , 有樂趣伴侶按照本身的需要去設置 。
這里以設置地圖的【尺寸大小】為例 , 好比設置為【500*500】 , 那么地圖的尺寸就會釀成【500*500】了 , 如圖所示~

如何調用百度地圖的API接口,并顯示出地理位置



5 然后我們起頭給我們的地圖添加【地圖標注】 , 點擊這個【小棒子】圖標 , 如圖所示 。 然后在我們需要標注的處所鼠點擊一下 , 輸入需要點竄的名稱和備注 , 然后點擊【保留】按鈕 。 如圖所示~

如何調用百度地圖的API接口,并顯示出地理位置



如何調用百度地圖的API接口,并顯示出地理位置



6 顛末上面的一些操作后 , 我們可以看到我們本身添加的地輿位置所顯示出的結果了 , 將近年夜功樂成了 , 頓時就可以或許見到黎明的曙光了~

如何調用百度地圖的API接口,并顯示出地理位置



7然后我們點擊底部的【獲代替碼】 , 再點擊【復制代碼】即可 , 如圖所示~

如何調用百度地圖的API接口,并顯示出地理位置



8 在vs2012里面新建一個【html】文件 , 然后把我們方才復制過來的代碼直接粘貼到里面 , 如圖所示 。
這里不僅僅可以用vs2012,也可以利用其他的代碼軟件 , 讀者按照本身的利用習慣去決議這個軟件的選擇 , 好比還有DW , 甚至是記事本也行等等 。
然后在vs2012里面選擇利用【谷歌瀏覽器】查看這個【html】文件里面的內容 , 如圖所示~

如何調用百度地圖的API接口,并顯示出地理位置

猜你喜歡