关于协议的混合内容拦截(引用BaiduMap)

项目中使用了BaiduMap API  测试网一切正常,部署后报BMap未定义的错,经查阅资料得知,是因为浏览器禁止混合内容.

如:Chrome 认为页面使用了 HTTPS 加载，图片如果是 HTTP 加载就不安全，会自动给升级为 HTTPS 加载。

各浏览器解决办法不同 此处贴出Chrome的解决办法

1.访问HTTP网站页面

2.允许当前网址访问[不安全内容]

不过,最根本的解决办法还是将网站全部内容都升级为HTTPS,这样也会更安全.

更多关于混合内容的介绍参见:http://www.howtoip.com/what-is-mixed-content-and-why-is-chrome-blocking-it/

还有一种可能是在引入时应将baidumap放在jQuery之上,如下;

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak={your key}"></script>

<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=3.0&ak={your key}"></script>
<script src=/tinymce/ajax/libs/jquery/1.10.2/jquery.min.js></script>

 

本文参考:http://blog.sina.com.cn/s/blog_7191ed320102vhgz.html    https://sspai.com/post/63507

感谢观看.