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


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",)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM