mui 使用百度地图Api

申请地图开发者Api

申请网址：http://lbsyun.baidu.com/apiconsole/key#/home

说明

mui 使用申请 百度地图Api秘钥，App端 和 浏览器端秘钥都需要申请。

申请App端秘钥

需要填写的项

• 应用名称：自己写
• 应用类型：Android SDK
• 发布版SHA1（HBuilder官方提供的测试码）：BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58
• 包名： io.dcloud.HBuilder（在 HBuilder 发行 打包 里查看 ）

申请浏览器端秘钥

注意 使用 * 号进行网址通配

查看获取到的秘钥

秘钥（Ak）使用

浏览器端秘钥

引入 百度地图SDK

<script type="text/javascript" src="http://api.map.baidu.com/api?ak=你的浏览器端ak&v=3.0">

style 与 Html

<style type="text/css">
    html {
        height: 100%
    }

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

    #container {
        height: 100%
    }
</style>

<div id="container"></div>

<script type="text/javascript">
    var map = new BMap.Map("container");
    var point = new BMap.Point(116.404, 39.915);
    map.centerAndZoom(point, 15);
</script>

Android 秘钥填写

打包测试

浏览器 、模拟器 、真机都能运行