網頁中嵌入百度地圖報錯：The request has been blocked,the content must served over Https

網頁中嵌入百度地圖

1.進入百度地圖開發平台：http://lbsyun.baidu.com/index.php?title=jspopular

2.獲取密鑰：http://lbsyun.baidu.com/apiconsole/key

3.頁面上引入js ：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密鑰"></script>

4.調用：

<script type="text/javascript">
	// 百度地圖API功能
	var map = new BMap.Map("allmap");    // 創建Map實例
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地圖,設置中心點坐標和地圖級別
	map.addControl(new BMap.MapTypeControl());   //添加地圖類型控件
	map.setCurrentCity("北京");          // 設置地圖顯示的城市 此項是必須設置的
	map.enableScrollWheelZoom(true);     //開啟鼠標滾輪縮放
</script>

 

問題：在本地運行的時候沒有任何的問題，地圖能正常的顯示，但部署到線上，地圖不顯示，報錯：The request has been blocked,the content must served over Https 

解決問題：http://lbsyun.baidu.com/index.php?title=jspopular/guide/introduction

　　　　JavaScript API首家支持Https，已全面開放，無需申請Https服務可直接使用。

　　　　改成這個就可以了，https://api.map.baidu.com/api?v=2.0&ak=你的密鑰&s=1；

拓展：怎么拾取當前位置的坐標？

　　打開http://api.map.baidu.com/lbsapi/getpoint/index.html

　　搜索當前位置的坐標：

　　就可以找到當前坐標了。