项目过程中因需要做一个类似打卡的应用,先将之前写过的demo跟大家一起分享一下,主要是介绍如何使用android的webview嵌套H5实现简单的定位功能,H5页面设计html 以及javascript,jQuery的一些知识。
效果图:
demo用到百度地图,由于h5定位很不准,因此需要引入Android百度地图开发包,辅助H5定位将会更加准确。
Android Studio配置
第一步,打开/创建一个Android工程
第二步,下载百度地图定位开发包,下载地址:http://lbsyun.baidu.com/index.php?title=android-locsdk/geosdk-android-download
下载下来的文件目录如下图:
第三步,将下载的文件加入到Android项目libs文件夹下,
第四步,配置build.gradle文件
配置build.gradle文件,注意设置sourceSets。
第五步,添加AK
开发者在使用SDK前,需完成AK申请,并在AndroidManifest.xml文件中,正确填写AK。
在Application标签中增加如下代码:
如下图:
第六步,添加权限
使用定位SDK,需在AndroidManifest.xml文件中Application标签中声明service组件,每个App拥有自己单独的定位service,代码如下:
除添加service组件外,使用定位SDK还需添加如下权限:
至此我们基本已经完成了百度地图的引入,但是还需要去申请API_KEY。
第七步,API_KEY申请,
如何申请API_KEY申请,大家可以去百度官网进行申请,地址:http://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getkey