您好,登錄后才能下訂單哦!
百度地圖 API 產(chǎn)品簡介
百度地圖 JavaScript API 是一套由 JavaScript 語言編寫的應(yīng)用程序接口,可幫助您在網(wǎng)站中構(gòu)建功能豐富、交互性強的地圖應(yīng)用,支持 PC 端和移動端基于瀏覽器的地圖應(yīng)用開發(fā),且支持 HTML5 特性的地圖開發(fā)。
百度地圖 JavaScript API 支持 HTTP 和 HTTPS,免費對外開放,可直接使用。接口使用無次數(shù)限制。在使用前,您需先申請密鑰(ak)才可使用。
基礎(chǔ)使用
引用百度地圖 API, 將 “您的密匙” 替換為你在百度地圖申請的 AK, 即可使用。
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密鑰" ></script>
更多問題
問題1. https項目
在 https 項目中通過http導入會出現(xiàn)以下問題:
那么百度地圖的 JavaScript API 是否支持 HTTPS 請求呢?
答案是當然的。
JavaScript API V2.0 及以上版本支持 HTTPS。
如果想使用 HTTPS 協(xié)議調(diào)用 JavaScript API,直接將腳本引用的協(xié)議修改為 HTTPS 即可。
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=您的密鑰" ></script> <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=您的密鑰" ></script>
以上是官方文檔介紹的用法,在用搜索引擎查找問題解決方案時,看到前輩們的技術(shù)博客都說使用 <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=您的密鑰"></script>
不能達到預期效果,必須添加參數(shù) &s=1
才可以。
不知道是不是官方進行過優(yōu)化,下面兩張圖是今日實測的結(jié)果:
可以看到添加 &s=1
后所得到的結(jié)果與沒添加時是__一致的__。
問題2. 瀏覽器警告
在部分瀏覽器(如谷歌)中會產(chǎn)生警告如下:
A parser-blocking, cross site (i.e. different eTLD+1) script, https://api.map.baidu.com/getscript?v=3.0&ak='您的密鑰'&services=&t=20190301102433, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
這段警告的大概意思是說一個阻塞性的解析器,跨站點的腳本,通過document.write調(diào)用。此腳本的網(wǎng)絡(luò)請求可能由于網(wǎng)絡(luò)連接不良而被瀏覽器在此頁面加載或?qū)淼捻撁婕虞d中阻止。如果在此頁面加載中被阻止,將在隨后的控制臺消息中確認。更多詳情參見
那么我們來分析一下百度地圖API導入得到的JavaScript的代碼
(function() { window.BMAP_PROTOCOL = "https"; // https導入會有此行代碼 window.BMap_loadScriptTime = new Date().getTime(); document.write( `<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=3.0&ak='您的密鑰'&services=&t=20190301102433" > </script>` ); })();
可以得知正是這段代碼中的 document.write
引發(fā)的警告。那么我們在HTML文件中直接使用 <script type="text/javascript" src="https://api.map.baidu.com/getscript?v=3.0&ak='您的密鑰'&services=&t=20190301102433"> </script>
導入百度地圖的API就可以避免此警告。不過這樣導入時,缺失的另外兩行 window.BMAP_PROTOCOL = "https"
與 window.BMap_loadScriptTime = (new Date).getTime()
一定要記得添加到項目中,避免產(chǎn)生其他問題。
以上所述是小編給大家介紹的在HTTPS 項目中使用百度地圖 API詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網(wǎng)站的支持!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。