來(lái)源:網站建設觀點 - 遠(yuǎn)策科技 | 2021-11-05
網站升級成https後,由于在線生成的(de)百度地圖代碼不支持https 會導緻網站頁面中地圖部分(fēn)顯示空白或者不顯示标注。今天遠(yuǎn)策科技分(fēn)享一下(xià)讓百度地圖api支持https的(de)方法。
首先修改百度地圖js調用(yòng)代碼
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&s=1"></script>
改成:
<script type="text/javascript" src="https://api.map.baidu.com/api?key=&v=1.1&s=1"></script>
會發現雖然地圖顯示 卻是一個(gè)靜态的(de)頁面,沒有功能,标注也(yě)沒有顯示。
通(tōng)過下(xià)面兩步可(kě)以讓百度地圖api支持https
在頁面加入 <script type="text/javascript">window.HOST_TYPE='2'</script>
引入百度api,注意密鑰及在url中添加參數s=1 <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=您的(de)密鑰&s=1"></script>
秘鑰需要到百度地圖開放平台去獲取:
http://lbsyun.baidu.com/apiconsole/key
完成這(zhè)兩步百度地圖就可(kě)以支持https了(le)。