上节我们说了如何将web打包成apk安装包,遗留了一个如实使用第三方插件的,这节我们将它补齐,我们就调用百度地图接口为例吧,首先我们要申请一个秘钥,百度地图的开发者平台入口http://lbsyun.baidu.com/首次登录需要注册,注册成功后,找到相应的平台如图所示:
上图是Android地图的SDK,点击图中的获取秘钥,如图所示:
到了这个页面后,点击创建应用,如图所示:
创建应用这个页面,需要我们填一些东西:
应用名称:这里瞎填,你喜欢就好;
应用类型:这里选择对应平台的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如图所示:
建立如图所示的移动app,将模板选择如图所示的即可,接下来如图所示:
这里是我们项目的结构,在plus目录下如图所示的,我这里将其他多余的html文件删了,只留下这三个能用的到的,如图所示:
这里需要将我们的应用的入口文件改成如图中所示的页面入口,其它的配置之前已经说过了,这里不多讲了,我们直接看第三方插件的配置:
如图所示,这里是百度地图的SDK配置,我们需要填写相应的密钥,就是我们之前创建应用之后生成的字符串即可,接下来我们来看:
打开我们的maps_map.html文件,在如图所示的位置的方法中进行修改,图中的经纬度位置使我们学校的位置,set.Icon可以自己设置,这里我没有设置,默认是png格式,懒得找,所以地图中显示的是HBuilder的logo,喜欢自己可以试着去设置,接下来我们用手机来进行测试。如图所示:
点击运行-手机运行即可如图示启动之后的界面,点击应用内置地图如图所示:
进去之后默认是北京的地图,这里不关心,点击右上角的定位按钮会跳转到如图所示:
之后我们会发现,定位到对应的位置。以上就是整个的过程,感兴趣的可以自己去试试哦!!至于其他的第三方插件使用过程差不过,关于百度地图接口的调用就是这酱紫的了,我也是第一次试,不对的地方望指教,么么哒!!!