html5百度地图密匙,关于https站点调用百度地图api的说明

一般普通网站站点为http的居多，但随着HTTPS的普及推广，以及免费SSL证书的申请实现，HTTPS站点也在增加，博主开发的米云婚嫁网就是其中一个。

下面是百度地图开放平台给出的一个初始化百度地图的官方示例Demo：

html>

Hello, World

html{height:100%}

body{height:100%;margin:0px;padding:0px}

#container{height:100%}

//v3.0版本的引用方式：src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"

var map = new BMap.Map("container");

// 创建地图实例

var point = new BMap.Point(116.404, 39.915);

// 创建点坐标

map.centerAndZoom(point, 15);

// 初始化地图，设置中心点坐标和地图级别

正常情况下，我们只需将上面代码中一行

将“您的密匙”，替换为你在百度地图申请的即可。

但是HTTPS站点有点意外，如果按照按照上面的代码只修改了您的密匙，打开网页会是一片空白，查看会发现报错：

这就是HTTPS站点造成的错误。正确引入百度地图的姿势为：

红色标注的部分为修改添加的内容&=1是必须要有的，只改为https同样会报错。