Hbuilder中百度地图插件的使用

需要一个app,有地图和导航功能,需要调用百度地图插件。
1.打开百度地图LBS开放平台(http://lbsyun.baidu.com/)。
2.点击API控制台进入。
Hbuilder中百度地图插件的使用_第1张图片
3.在工具Hbuilder中创建html5+APP。
新建移动app(HelloMap)–>模板选择HTML5+–>创建
将新建项目plus文件夹中demo文件删除,只留以下三个文件
Hbuilder中百度地图插件的使用_第2张图片
4.打开manifest.json并配置。
将app默认启动页改成maps.html
Hbuilder中百度地图插件的使用_第3张图片
自动关闭启动界面
Hbuilder中百度地图插件的使用_第4张图片
sdk配置中只留百度定位或地图选项,别的配置先取消。
Hbuilder中百度地图插件的使用_第5张图片
5.创建Android SDK。
在API控制台中创建应用–>应用名称HelloMapAndroid–>应用类型Android SDK–>发布版SHA1:BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58–>包名:io.dcloud.HBuilder–>提交
生成了一个android版的AK
这里写图片描述
将生成的Ak复制之后粘贴到app项目sdk配置appkey_android后面
并保存。
6.app云端打包。
Hbuilder中点击发行–>发行为原生安装包–>选择android–>使用自有证书–>Android包名:io.dcloud. Hbuilder–>证书别名,私钥密码,签名证书在Dcloud文档里都给出了(http://ask.dcloud.net.cn/article/68)–>填完以后打包完成
7.打开maps_map.html,设置初始地标记和地点。
我在marker下输入了本市所在公司的经纬度,marker.setIcon设置成自己的图片,看效果
Hbuilder中百度地图插件的使用_第6张图片
8.在android设备上运行HelloMap。
首页
Hbuilder中百度地图插件的使用_第7张图片
点击应用内置地图
Hbuilder中百度地图插件的使用_第8张图片
头像处为本人设置的初始点,点击右上角的位置按钮可以定位当前位置
Hbuilder中百度地图插件的使用_第9张图片
返回首页点击导航
Hbuilder中百度地图插件的使用_第10张图片
Hbuilder中百度地图插件的使用_第11张图片
可以正常使用,完结。

你可能感兴趣的:(移动端App)