MUI 使用百度地图

1.申请百度地图秘钥。地址：http://lbsyun.baidu.com/apiconsole/key

2.创建应用（Android/IOS）

   a)Android SDK

      应用名称：随便填写。

      应用类型：选择Android SDK

      启用服务：建议全选

      发布版SHA1：BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58（DCloud公用证书SHA1）

      开发版SHA1：BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58（DCloud公用证书SHA1）

      包名：下方截图↓↓

       

        都填写完毕提交，至此，Android SDK创建完成。

     b)IOS SDK

        应用名称：随便填写

        应用类型：选择IOS SDK

       启用服务：建议全选

       安全码：下方截图↓↓

        

         都填写完毕提交，至此，IOS SDK创建完成。

3.配置应用，把Android SDK  AK 与 IOS SDK AK 与MUI manifest.json 配置百度地图的SDK对应上 如下截图↓↓

转至manifest.json代码视图，"permissions"节点下添加

"Maps": {
    "description": "管理地图插件"
}

如果已经存在就不用添加了。

在"plus"节点->"distribute"节点下添加

"plugins": {
	"maps": {
		"baidu": {
			"appkey_ios": "之前上面创建ISO SDK  AK",
			"appkey_android": "之前上面创建Android SDK AK",
			"appkey": "",
			"description": "百度地图"
		}
	}
}

至此配置完成，以下为页面使用方式。

1.为了确保地图能正确显示，需等待DOM加载完成再初始化百度地图

2.地图div需指明高度与宽度

var em = null,
map = null;
document.addEventListener("DOMContentLoaded", function() {
	em = document.getElementById("allmap");//allmap为页面放地图div的id
	plusReady();
}, false);
function plusReady() {
    //确保DOM解析完成
    if(!em || !window.plus || map) {
        return;
    }
    map = new plus.maps.Map("allmap");//allmap为页面放地图div的id
}				

地图已经配置、创建完成，需要使用一些工具/方法请参考http://www.html5plus.org/doc/zh_cn/maps.html