地图插件配置

云端打包地图功能需要到第三方地图平台申请应用后获取相关配置参数,目前HBUilder内置的是百度地图:
1. 百度LBS开放平台
2. 高德LBS开放平台

百度LBS开放平台申请应用

\n

登录 百度LBS开放平台,点击“申请密钥”进入“我的应用”页面

创建百度LBS应用(Android)

\n

在“我的应用”页面,选择“创建应用”:
创建Android应用
应用名称:根据应用需求输入应用的名称,如“HBuilder for Android”;
应用类型:选择“Android SDK”;
启用服务:建议选中所有服务,至少需要选择“Geocoding API v2”、“IP定位API”、“路线交通API”、“Android地图SDK”、“坐标转换API”;
安全码:数字签名+;+Package,根据使用的证书和包名进行组合字符串,HBuilder默认打包使用的签名为"BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58"(Android打包证书),例如
"BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder"。
设置完成后点击“确认”保存。
Package:应用包名,在提交App云端打包时默认为“io.dcloud.%APPID%”(用户可自定义修改),如“io.dcloud.HBuilder”。


百度地图密钥申请参考
创建应用完成,获取appkey值待后面配置使用:
获取Android应用的appkey

创建百度LBS应用(iOS)

\n

在“我的应用”页面,选择“创建应用”:
创建iOS应用
应用名称:根据应用需求输入应用的名称,如“HBuilder for iOS”;
应用类型:选择“iOS SDK”;
启用服务:建议选中所有服务,至少需要选择“Geocoding API v2”、“IP定位API”、“路线交通API”、“IOS地图SDK”、“坐标转换API”;
安全码:Bundle Identifier,即苹果AppID,HBuilder使用的为“io.dcloud.HBuilder”。
设置完成后点击“确认”保存。
即:


创建应用完成,获取appkey值待后面配置使用:
获取Android应用的appkey

高德LBS开放平台申请应用

\n

登录 高德LBS开放平台,点击有上角用户名称弹出菜单进入“我的KEY”页面

创建高德应用(Android)

\n

在“我的KEY”页面,选择“获取KEY”:
创建Android应用
应用名称:根据应用需求输入应用的名称,如“HBuilder.Android”;
绑定服务:选择“Android平台SDK”;
安全码:SHA1:应用打包时使用证书的指纹字符串(SHA1),HBuilder默认打包使用的签名为"BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58"(Android打包证书);
Package:应用包名,在提交App云端打包时默认为“io.dcloud.%APPID%”(用户可自定义修改),如“io.dcloud.HBuilder”。
设置完成后点击“获取KEY”保存。

创建应用完成后,即可在应用列表中获取KEY:
获取Android应用的appkey

创建高德LBS应用(iOS)

\n

在“我的应用”页面,选择“创建应用”:
创建iOS应用
应用名称:根据应用需求输入应用的名称,如“HBuilder.iOS”;
绑定服务:选择“iOS平台SDK”;
安全码:Bundle Identifier,即苹果AppID,HBuilder使用的为“io.dcloud.HBuilder”。
设置完成后点击“获取KEY”保存。

创建应用完成后,即可在应用列表中获取KEY:
获取Android应用的appkey

HBuilder中配置地图参数

\n

在百度/高德开放平台申请应用获取配置参数后,注意不能同时选择使用百度地图和高德地图。
HBuilder进行如下操作进行配置:

配置使用地图API

\n

打开manifest.json文件,切换到“代码视图”,在permissions节点下添加Maps节点:
使用地图插件
Ctrl+S保存。

配置地图参数

\n

手动编辑manifest.json配置参数

\n

点击manifest.json文件的“代码视图”,在plus -> distribute -> plugins 节点下添加maps节点:
百度地图
在节点下添加“baidu”节点,并配置在百度LBS开放平台申请应用的AppKey:
代码视图
高德地图
在节点下添加“amap”节点,并配置在高德LBS开放平台申请应用的KEY:
代码视图

可视化界面配置参数

\n

点击manifest.json文件的“可视化视图”,在“插件设置”下的“地图插件”:
百度地图
选中“百度定位或地图”并配置参数:
可视化视图
高德地图
选中“高德定位或地图”并配置参数:
可视化视图


  1. 百度地图
    appkey_ios: 百度地图iOS平台应用的appkey;
    appkey_android: 百度地图Android平台应用的appkey。
  2. 高德地图
    appkey_ios: 高德地图iOS平台应用的KEY';
    appkey_android: 高德地图Android平台应用的KEY。
\n

配置完成后Ctrl+S保存提交App云端打包生效。


10 分享
唐糖 Riant M5 蔡繁荣 可怜的光头强 DCloud_客服_Trust yuhezheng 1620252366@qq.com 1156565863@qq.com 1931130013@qq.com
tjzhaopeng@hotmail.com

tjzhaopeng@hotmail.com 回复 thingher@163.com

同求
0 赞 2017-08-29 11:32
thingher@163.com

thingher@163.com

请问地图参数配置好了,怎么创建地图呢?有没有完整的demo发一下啊。邮箱:thingher@163.com
1 赞 2017-08-21 15:21
shmilyfox190@163.com

shmilyfox190@163.com

更详细的配置有么 关于定位什么的
0 赞 2017-06-29 10:31
贝勒爷

贝勒爷

HBuilder 里面怎么使用凯立德地图,有人用过吗?分享一下,尝试了一些方法都不行!
0 赞 2017-06-23 11:32
1019422167@qq.com

1019422167@qq.com

mark
0 赞 2017-05-07 22:04
892347558@qq.com

892347558@qq.com 回复 昵称都被用了

请问你地图是离线打包的吗?
0 赞 2017-04-27 10:55
513238368@qq.com

513238368@qq.com 回复 yuanxs

谢谢,我也遇到相同的问题,已解决。申请高德appkey时填写的package:io.dcloud.XXX需要和发布为原生app的Android包名要一致!
0 赞 2016-12-15 12:44
limo

limo 回复 290218042@qq.com

我这边只要吧高德地图的配置加 进去 就爆红 请问 能交流下么
0 赞 2016-12-05 20:04
limo

limo 回复 南京app开发

集成高德地图失败
请问如何集成 。。
0 赞 2016-12-05 20:02
yuanxs

yuanxs 回复 yuanxs

解决了,发布云时,包名和高德包名不一致。改成一致就行了。
1 赞 2016-12-02 16:57
yuanxs

yuanxs

我用的是 高德的 Android平台SDK 通过云发布,在手机定位。出现:key鉴权失败。 请问这个要怎样解决。难道我写错了?
1 赞 2016-12-02 16:02
290218042@qq.com

290218042@qq.com

为什么配置了高德地图,运行后还是百度地图?
0 赞 2016-10-12 01:00
269319859@qq.com

269319859@qq.com

为什么打包之后经纬度返回5e-324?
0 赞 2016-10-07 19:43
南京app开发

南京app开发

建议大家用高德
0 赞 2016-09-21 17:59
yidongliang123@163.com

yidongliang123@163.com

坑爹的百度,老旧文档的hbuild ,
折腾了我半天,告诉大家正确的姿势:
百度* 发布版SHA1 里写: BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58
* 包名 里面写hbuild里发布时弹出的io.dcloud.xxx那包名 ,这篇文章里的写法是老百度的搞法。
0 赞 2016-09-02 16:23
ForOneNight

ForOneNight

怎么用web方式去调用啊?我看百度官方的demo都能用,然后引入到项目里来就不行了
0 赞 2016-06-14 15:58
昵称都被用了

昵称都被用了

andoird的可以 IOS的显示空白网格(IOS根据上面文档 配置安全码为io.dcloud.HBuilder应该就能显示,为什么不现实)
0 赞 2016-05-18 15:38
小小草小小人

小小草小小人

为什么按照这个配置生成的安装包运行后都是空白网格呢?
0 赞 2016-05-08 22:05
可怜的光头强

可怜的光头强

Mark一下。
0 赞 2015-12-31 18:14
周工

周工

微信开发的怎么加载地图导航
0 赞 2015-12-22 23:16
sinprog

sinprog

官方为什么不直接提供hBuilder基座的apikey呢
0 赞 2015-10-06 17:12
趴趴熊

趴趴熊 回复 sleepguy

哥们,你的问题解决了吗,解决了教教我好吗?我也遇到这个问题了。万分感谢。
0 赞 2015-09-24 10:35
小方

小方 回复 曲径通幽

我的也是的,一直显示在加载中。。。你的解决了吗?
0 赞 2015-09-03 11:02
ioutsider

ioutsider 回复 openlui

我也遇到这样的问题。怎么解决
0 赞 2015-08-13 09:53
openlui

openlui

我之前配置的是百度地图,现在想切换为高德地图,我把appkey都申请好,且按照本文配置好了。 但为啥我用plus.maps进行地图显示时,还是显示的“百度地图”的界面?
0 赞 2015-07-16 23:13
new

new

这个只有配置的 怎么使用呢?
0 赞 2015-07-10 11:54
twoer

twoer

如果我有三个应用需要 百度地图

安全码 都填写 :BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder

还是怎么填写?
0 赞 2015-06-10 10:04
twoer

twoer

如果我有三个应用需要 百度地图

安全码 都填写 :BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder
0 赞 2015-06-10 10:03
GS

GS 回复 sleepguy

很多方法都测试过了,云端打包后,依然是看不到地图,请问你有解决方法吗?
0 赞 2015-06-03 17:09
GS

GS 回复 DCloud_App_Array

安全码是用苹果宫网iOS Provisioning Profiles申请的APP ID 吗?? 就是那个com.xxxxxx.xxxxx这个???
0 赞 2015-06-03 16:42
sleepguy

sleepguy

按照“BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder”在百度LBS平台的申请了Android和IOS的key,云端打包后,依然是看不到地图,单独再Hbuilder中调试,则能正常看到地图,还是包名还需要配置什么么?
0 赞 2015-05-26 16:53
小云菜

小云菜

申请地址已经变掉了在这http://lbsyun.baidu.com/apiconsole/key,刚开始不知道,默认是在轻应用页面建立应用,捣鼓了好长时间。
0 赞 2015-05-25 16:40
逍遥随心

逍遥随心

怎么没有 iOS的 打包出来的Bundle Identifier怎么查看?
0 赞 2015-05-18 11:01
stock2

stock2

谢谢. 我准备用web方式调用了.
0 赞 2015-04-14 11:31
DCloud_App_Array

DCloud_App_Array 回复 stock2

百度地图需要每个平台(iOS和Android)单独申请应用,appkey_ios是iOS平台的appkey,即访问应用(AK),appkey_android是Android平台的appkey。
0 赞 2015-04-14 11:26
stock2

stock2

"appkey_ios":"应该哪个值",
"appkey_android":"应该那个值",
description":"这里可以随意吧"
0 赞 2015-04-14 10:08
DCloud_App_Array

DCloud_App_Array 回复 烈火

确认在百度地图开放平台上配置的安全码是否正确,App云端打包使用默认证书格式为:"BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder"
0 赞 2015-04-08 20:38
烈火

烈火

调用 void mapObj.setCenter( center ) 方法怎么地图是白屏啊,显示不出来?着急求解。
0 赞 2015-04-04 22:28
大道之简

大道之简 回复 麦生

百度地图更新后该如何配置?
1 赞 2015-04-04 21:29
576501565

576501565

只不过代码配置视图不是太友好,可能出错的地方是"包名“,只要包含和百度地图里申请key的包名一样加上官方的BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58就没问题,已经打包成功了,中间经历了两次失败
0 赞 2015-03-07 01:16
576501565

576501565

配置方法没有错,
0 赞 2015-03-07 01:14
麦生

麦生

百度地图更新了 请教新版配置方法 旧版的配置方法已经用不了了
1 赞 2015-02-03 13:52
曲径通幽

曲径通幽

为什么我按照这个方法打包,一直显示正在加载呢。。。
0 赞 2015-01-08 16:13

要回复文章请先登录注册