详细说明百度地图API在HTTPS项目中的使用

百度地图API产品介绍

百度地图JavaScript API是一套用JavaScript语言编写的应用程序接口，可以帮助你在网站上构建功能丰富、交互性强的地图应用，支持PC和手机上基于浏览器的地图应用开发，支持HTML5特色的地图开发。百度地图JavaScript API支持HTTP和HTTPS，免费对公众开放，可以直接使用。接口的使用次数没有限制。在使用之前，您需要在使用之前申请一把钥匙(ak)。

基本用途

引用百度地图API，用你在百度地图申请的AK替换“你的钥匙”，就可以用了。

脚本类型=' text/JavaScript ' src=' http :http://API . map . Baidu.com/API？V=3.0ak=你的钥匙/脚本更多问题

问题1。在https项目中通过http导入https项目时，会出现以下问题：

那么百度地图的JavaScript API支持HTTPS请求吗？答案当然是。

JavaScript API V2.0及以上版本支持HTTPS。如果要用HTTPS协议调用JavaScript API，可以直接将脚本引用的协议修改到HTTPS。

脚本类型=' text/JavaScript ' src=' http :https://API . map . Baidu.com/API？V=2.0ak=你的钥匙/script script type=' text/JavaScript ' src=' http:https://api.map.baidu.com/API? V=3.0ak=你的钥匙/script以上是官方文件中介绍的用法。在用搜索引擎搜索问题解决方案的时候，看到前辈的技术博客都用了脚本类型=' text/JavaScript ' src=' http:https://api.map.Baidu.com/API? V=3.0ak=你的key '/脚本达不到预期效果，必须加上参数s=1。不知道官方有没有优化。以下两张图片是今天的测量结果：

可以看出，加s=1后得到的结果与不加s=1时的结果是_ _一致的。问题2。浏览器警告在某些浏览器(如谷歌)中，将生成如下警告：

通过document.write调用了一个阻止解析器的跨站点(即不同的eTLD 1)脚本，https://api.map.baidu.com/getscript? V=3.0ak=“您的密钥”服务=t=20190301102433。由于网络连接不良，浏览器可能会在本次或未来的页面加载中阻止对该脚本的网络请求。如果在此页面加载中被阻止，它将在后续控制台消息中得到确认。详情见https://www.chromestatus.com/feature/5718547946799104。

此警告的一般含义是通过document.write调用一个阻碍解析器，即跨站点脚本。由于网络连接不良，此脚本的网络请求可能会在此页面加载或将来的页面加载中被浏览器阻止。如果它被阻止加载此页面，将在后续控制台消息中确认。有关更多详细信息，请参见

然后我们来分析一下从百度地图API导入的JavaScript代码

(function() { window。BMAP协议=' https//https导入将有此行代码窗口。bmap _ loadscripttime=newdate()。gettime()；document . write(` script type=' text/JavaScript ' src=' http :https://API . map . Baidu.com/getscript？V=3.0ak='你的钥匙'服务=t=20190301102433 '/脚本`)；})();您可以知道是文档，请编写引发警告的代码。然后我们直接在HTML文件中使用脚本类型=' text/JavaScript ' src=' http:3359api.map.baidu.com/getscript？V=3.0ak='你的关键'服务=t=20190301102433 '/脚本可以通过导入百度地图的API来避免这个警告。但是，当以这种方式导入时，另外两行缺失，窗口。BMAP_PROTOCOL='https '和窗口。bmap _ loadscripttime=(新日期)。必须将gettime()添加到项目中，以避免其他问题。

以上是边肖介绍的百度地图API在HTTPS项目中的详细讲解和整合，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！