HBuilder如何使用第三方插件(百度地图)

上节我们说了如何将web打包成apk安装包,遗留了一个如实使用第三方插件的,这节我们将它补齐,我们就调用百度地图接口为例吧,首先我们要申请一个秘钥,百度地图的开发者平台入口http://lbsyun.baidu.com/首次登录需要注册,注册成功后,找到相应的平台如图所示:

QQ截图20180524215107.png

上图是Android地图的SDK,点击图中的获取秘钥,如图所示:

QQ截图20180524215346.png

到了这个页面后,点击创建应用,如图所示:

QQ截图20180524220053.png

创建应用这个页面,需要我们填一些东西:
应用名称:这里瞎填,你喜欢就好;
应用类型:这里选择对应平台的SDK即可。由于是Andriod这里选择是如图所示的SDK;
启用服务:这里我们不用管,默认帮我们都选了,建议一般都选即可;
安全码:一般是数字签名+;+包名;它是根据使用的证书和包名进行组合字符串,一般HBuilder的默认打包使用的签名为:“"BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58”;例如图中的一样;然后点击提交即可如图所示:

如图是我自己创建的一个应用,红色矿中的字符串就是我们想要的东西,接下来我们需要在HBuilder中创建一个新的移动App如图所示:

QQ截图20180524221918.png

建立如图所示的移动app,将模板选择如图所示的即可,接下来如图所示:

QQ截图20180524222215.png

这里是我们项目的结构,在plus目录下如图所示的,我这里将其他多余的html文件删了,只留下这三个能用的到的,如图所示:

QQ截图20180524222552.png

这里需要将我们的应用的入口文件改成如图中所示的页面入口,其它的配置之前已经说过了,这里不多讲了,我们直接看第三方插件的配置:

QQ截图20180524222828.png

如图所示,这里是百度地图的SDK配置,我们需要填写相应的密钥,就是我们之前创建应用之后生成的字符串即可,接下来我们来看:

QQ截图20180524223444.png

打开我们的maps_map.html文件,在如图所示的位置的方法中进行修改,图中的经纬度位置使我们学校的位置,set.Icon可以自己设置,这里我没有设置,默认是png格式,懒得找,所以地图中显示的是HBuilder的logo,喜欢自己可以试着去设置,接下来我们用手机来进行测试。如图所示:

image.png

点击运行-手机运行即可如图示启动之后的界面,点击应用内置地图如图所示:

image.png

进去之后默认是北京的地图,这里不关心,点击右上角的定位按钮会跳转到如图所示:

image.png

之后我们会发现,定位到对应的位置。以上就是整个的过程,感兴趣的可以自己去试试哦!!至于其他的第三方插件使用过程差不过,关于百度地图接口的调用就是这酱紫的了,我也是第一次试,不对的地方望指教,么么哒!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容