范如樂:給你的網站任意網頁添加百度地圖操作教程


1、通過百度地圖開放平臺:http://api.map.baidu.com/lbsapi/createmap/index.html填寫你在百度地圖的位置信息,例圖:

百度地圖開放平臺

2、點擊【切換】你的位置所在的城市。

3、輸入具體的地址,然后點擊【查找】。

4、【設置地圖】這里就是設置百度地圖顯示的相關細節,根據你的需要勾選即可。

5、【添加標注】這里就是在地圖上面標注你的位置名稱。

第一個是標注圖標符號、名稱、備注。

第二個是標注線條指向的路徑。

第三個是填寫文字名稱。

以上都很簡單,自己試試就知道了,下面的操作才是難的地方。

6、【獲取代碼】就是獲得把百度地圖放入你網站的代碼。但是,前提是百度地圖要求你先【申請密匙】。

7、申請密匙也很簡單,點擊【申請密匙】,登錄你的百度帳號,如果沒有,就注冊一個百度帳號,過程中需要填寫郵箱地址、手機號碼,又或者需要你到郵箱地址激活,或者接收手機號碼的驗證碼等,都要按照要求操作。

8、有了帳號,進去就是在【創建應用】里面獲得百度地圖的申請密匙,例圖:

【創建應用】后獲得百度地圖的申請密匙

途中文字說明:

1:隨便輸入一個識別的名稱,比如我的公司地址、我的書店地址…

2:選擇【瀏覽器端】。

3:輸入你的網站域名,比如xxxxx.com

4:點擊【提交】,在【查看應用】中可以看到你的【申請密鑰】,例圖:

范如樂:給你的網站任意網頁添加百度地圖操作教程

到了這一步,我們就要回頭講,怎么把獲得的【申請密鑰】放到網站里面去了。

在你上面操作的第六步中,不是所有的代碼都要用到的,你的網站中已經有的重復的代碼,是不需要用的。

一般情況下,主要用到的是下面范如樂講到的三段代碼,先把這段代碼復制下來:

<!–引用百度地圖API–>
<script type=”text/javascript” src=”http://api.map.baidu.com/api?v=2.0&ak=您的密匙”></script>

然后把這段代碼中【您的密匙】換成你申請的那串字符,這段代碼,放到你網站的頭部文件中,就是<head>與</head>之間的地方。

接著,下面這段代碼放到你要顯示百度地圖的網頁中:

<!–百度地圖容器–>
<div style=”width:700px;height:550px;border:#ccc solid 1px;font-size:12px” id=”map”></div>

其中width是修改百度地圖顯示的寬度,一般把寬帶700px修改成100%,這樣的好處是百度地圖會根據你網頁的寬度自動縮放。height是修改高度。

最后一段最長的代碼,從 <script type=”text/javascript”>到</script>這一段,放到你網站的底部文件中。

這樣,就可以給你的網站任意網頁添加百度地圖了,以后當你某個網頁需要顯示你在百度地圖的位置,就把這段代碼粘貼進去:

<!–百度地圖容器–>
<div style=”width:700px;height:550px;border:#ccc solid 1px;font-size:12px” id=”map”></div>

而其它的代碼,是不需要重復添加的。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/wangzhanjianshe/4396.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: