javaScript网页版调用百度地图API （支持HTTPS，兼容IE6+）

1.首先去这个网站获取生成百度地图的代码 http://api.map.baidu.com/lbsapi/creatmap/   

 

 

 

 

2.点击获取代码，然后把js代码复制到你的页面就OK了。（注意这里在你本地运行页面百度地图是可以显示出来的，一但你发到线上环境的时候就会报错，坑爹啊！）

报错信息如下：

Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure。。。

大概意思就是HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉，让你把请求从http换成https.

那么怎么换呢，我的解决方法：

1 <!-- 本地环境 -->
2 <script  type ="text/javascript"  src ="http://api.map.baidu.com/api?v=1.1&services=true" ></script>
3 <!-- 线上环境 -->
4 <!-- <script src="https://api.map.baidu.com/api?v=2.0&ak=xxxxxx&s=1" type="text/javascript"></script> -->

 

注意：线上环境的ak值是需要去百度地图申请的，请仔细阅读https://lbsyun.baidu.com/index.php?title=jspopular/guide/introduction#Https_.E8.AF.B4.E6.98.8E，读完按照要求去把ak密钥申请到。再换成线上环境地图就可以出来了

ak=你申请的密钥

最后来欣赏一下：

 

posted @ 2021-07-16 15:47  星期7  阅读(729)  评论(0)  编辑  收藏  举报