在网页中嵌入百度地图的步骤
百度地圖JavaScript API是一套由JavaScript語言編寫的應(yīng)用程序接口,可幫助您在網(wǎng)站中構(gòu)建功能豐富、交互性強(qiáng)的地圖應(yīng)用,支持PC端和移動端基于瀏覽器的地圖應(yīng)用開發(fā),且支持HTML5特性的地圖開發(fā)。
該套API免費(fèi)對外開放。自v1.5版本起,您需先申請密鑰(ak)才可使用,接口(除發(fā)送短信功能外)無使用次數(shù)限制。
在您使用百度地圖JavaScript API之前,請先閱讀百度地圖API使用條款。任何非營利性應(yīng)用請直接使用,商業(yè)應(yīng)用請參考使用須知。
JavaScript API首家支持Https,如需要申請Https服務(wù),請您認(rèn)證企業(yè)信息,成為企業(yè)認(rèn)證用戶后,https將自動開通。
注意:僅JavaScript API V2.0及以上版本支持https,其他JavaScript API版本均不支持。使用https服務(wù),請先檢查您的版本以及配置注意事項(xiàng)。
-----------摘自《百度地圖API介紹》
在網(wǎng)頁中嵌入百度地圖的步驟:
1.首先,打開瀏覽器,搜索“百度地圖API”,如圖,點(diǎn)擊打開“百度地圖API”官網(wǎng)。
2.點(diǎn)擊打開“百度地圖API”后,進(jìn)入這樣的頁面。
3.點(diǎn)擊打開上圖中重點(diǎn)標(biāo)注區(qū)域“API控制臺”,然后跳轉(zhuǎn)到登陸界面,如果您有百度賬號,直接登陸就可以,如果沒有的話,需要注冊一個,然后登陸即可。
4.在“登陸”成功后,會跳轉(zhuǎn)到這個頁面,右上角是我們自己的登陸名.我們主要做的是,點(diǎn)擊“創(chuàng)建應(yīng)用”。
5.點(diǎn)擊“創(chuàng)建應(yīng)用”后,頁面跳轉(zhuǎn)成如下圖的頁面,紅色標(biāo)注的區(qū)域需要填寫,完事點(diǎn)擊提交。其中,應(yīng)用名稱自己給一個就行,其中IP白名單,下邊有說明。這兩項(xiàng)填寫完事,點(diǎn)擊“提交”按鈕。
5.創(chuàng)建應(yīng)用提交后,會顯示在頁面中,如下圖所示。紅色方框是我們剛才創(chuàng)建的應(yīng)用,而其中打星的地方是重點(diǎn),“訪問應(yīng)用(AK)”,其中AK是“安全密匙”,使我們成功應(yīng)用百度地圖API的 關(guān)鍵 ,生成的這個AK值我們在后邊會用到。這一點(diǎn)需要注意!
6.生成“安全密匙”之后,我們點(diǎn)擊菜單欄的“開發(fā)”下的“javascript API”,如下圖 所示:
7.之后,跳轉(zhuǎn)到如下界面,如下圖所示:
8.點(diǎn)擊“本地搜索”后,頁面跳轉(zhuǎn)至如下界面,如下圖所示,其中紅色的區(qū)域是我們點(diǎn)擊“本地搜索”這個功能之后,對應(yīng)的代碼,我們直接將代碼選中復(fù)制的我們的html中。綠色的區(qū)域是百度地圖API提供的各種功能需求,我們可以根據(jù)自己的需求選擇不同的功能。
9.在將上圖紅色區(qū)域的代碼復(fù)制到html文檔中后,去過我們立即在瀏覽器中運(yùn)用,會顯示這樣的界面:
10.出現(xiàn)上圖的原因是安全密匙的問題,我們來看一下運(yùn)行前的代碼,如下圖所示,
11.紅色區(qū)域是AK(安全密匙)的地方,現(xiàn)在我們只需要將“您的密匙”替換為前邊我們創(chuàng)建應(yīng)用生成的這個密匙,即可,復(fù)制粘貼。
12.然后代碼會變成這樣,如下圖所示:
13.修改完事,我們運(yùn)行代碼,就OK了。
14.我們可以看到百度地圖在我們自己的文檔中嵌入成功了。接下,在html中修改符合自己的"坐標(biāo)"值等,完美實(shí)現(xiàn)自己的需求。
總結(jié)
以上是生活随笔為你收集整理的在网页中嵌入百度地图的步骤的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: AOP集成防止连续多次点击问题
- 下一篇: CiteSpace国内镜像下载