如何把百度地圖引入自己的網頁中

標籤：擷取   定位   10個   名稱   class   解決辦法   解決   引入   var   

1.開啟“百度地圖產生器”，進入如下介面：

2.在“定位中心點”中，切換城市，尋找具體位置；

3.在“設定地圖中”，按照自己的喜好修改地圖的外觀（可以修改地圖的寬高，地圖的縮放狀態等）；

4.在 “添加標註”中，添加自己想要標註的位置和資訊；

　　註：標註可以改變標註表徵圖，可以寫標註名稱和備忘；在產生器裡最多可標記10個地點；超出10個部分不顯示；

　　　　解決辦法：直接在產生的原始碼中手動委任標記點的資訊（自己修改標記點的經緯度），經過實驗可以顯示超過10條以上的標註點；（僅供參考）

5.在“第二步擷取代碼”中，點擊“擷取代碼”按鈕；

6.把上一步產生的程式碼儲存為html檔案，在瀏覽器 開啟就可以看到自己定義的百度地圖了。

　　註：如果要把地圖添加到現有的網頁中，可以使用iframe標籤，如：

<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>

 

可能還會遇到的問題：

　　很多人在將產生的程式碼插入網頁後，標註表徵圖就不顯示。經過查閱資料，好多人說這是百度圖庫存在問題。解決方案很簡單，只需要改變代碼中標註表徵圖的圖片路徑 就可以了。

var icon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png",）

 

如何把百度地圖引入自己的網頁中