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