第150天：網頁中插入百度地圖方法（需要密鑰）

2018-01-18 23:50:00

在現在的很多頁面中，都運用到了百度地圖來定位，例如：

像這樣的地圖，我們可以通過手動來進行放大、縮小、移動等來查找具體的位址，特别友善，在頁面上引用也顯得頁面很有特點，那麼，應該怎麼樣來制作這種地圖呢？

一、擷取源代碼

1.打開網址，就可以看到一個地圖編輯界面：

2.在頁面右側設定地點等資訊：

1）設定地點

2）設定地圖上的基本資訊

3）在地圖上添加标志

點選标記圖示還可以選擇它的樣式：

4）擷取源代碼

　　　　點選頁面下面的第二步中的擷取源代碼即可：

（注意：這裡生成的代碼是顯示不出來的，必須擷取密匙）

1.點選生成的代碼中的“擷取密匙”：

，然後按照要求一步步填寫資料并送出，一定要注意必須進行認證。

2.将生成的Ak（即密匙）複制到代碼中，替換掉“您的密匙”

按照自己的頁面要求将生成的代碼插入在頁面代碼中，但是一定要注意加載順序的問題：

　　方法1：如果js代碼是放在頁面代碼裡面的，注意把生成地圖js代碼放在頁面最下邊。

　　方法2：如果用的外部js連結，應該把地圖的js代碼放在 $(function(){...})裡面。