如何在網(wǎng)頁中插入百度地圖呢?南昌網(wǎng)絡(luò)公司小蟲分享自己的經(jīng)驗:
進入:http://api.map.baidu.com/lbsapi/creatmap/(創(chuàng)建地圖-百度地圖API所見即所得工具,百度官方地址,大家放心使用)
1.切換城市,搜索需標注位置。(如下圖:)
2.設(shè)置地圖:大家可以對網(wǎng)站顯示地圖的寬高進行設(shè)置,其余選項不動。
3.添加標注:點擊第一個圖標后,在右側(cè)找到自己的位置,單擊鼠標左鍵可定位。標記圖標處可更換圖標形狀,名稱和備注填入位置相關(guān)信息。(如下圖:)
4.完成以上3步后,點獲取代碼。
獲取代碼如下:(注意:通常我們在網(wǎng)頁中只要插入以下代碼,小蟲標注出來,其余的可不用。)
1.在
間插入下面代碼:這是樣式和JS腳本。?
2.在間需要顯示地圖的位置放入以下代碼:(該代碼調(diào)用地圖)
?
?
3.以下代碼放在頁面最底端(其實可放在頁面任意位置。)
當(dāng)然,如果你想偷懶,將以上對應(yīng)代碼全放在
間也是沒問題的,呵呵。另外大家也可以通過網(wǎng)站后臺添加內(nèi)容時在編輯器中插入,插入時記得點“源代碼”見下圖:
記得在早幾年,百度地圖標注可以免費開放給大家使用,并能在百度地圖搜索時顯示標注的位置,后來百度把標注這一功能定位于商業(yè)使用?,F(xiàn)在都統(tǒng)一用這種API方式來標注,唯一不同的是不能在網(wǎng)絡(luò)上搜索到所標注的位置了。但小蟲認為也挺好用。贊一個。
最近小蟲發(fā)現(xiàn)百度另一種地圖標注方式也挺不錯,請查看:百度地圖名片功能制作詳解
如果你有多個點,希望標注在同一張地圖上。那請看下面這篇文章,有驚喜哦。