2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > Android开发丶基于高德地图实现定位 搜索定位 绘制圆圈自定义图标及改变圆圈半径等功能

Android开发丶基于高德地图实现定位 搜索定位 绘制圆圈自定义图标及改变圆圈半径等功能

时间:2023-12-10 22:31:07

相关推荐

Android开发丶基于高德地图实现定位 搜索定位 绘制圆圈自定义图标及改变圆圈半径等功能

前一段时间接了个需求,进入一个地图界面,可以获取当前位置信息,通过输入位置信息获取位置,绘制圆圈并可以实时改变圆圈半径等功能,地图SDK我们使用的是高德地图,仔细阅读了开发文档,发现这些需求都可以通过SDK自带的方法来实现,在此做一下整理。

下面说下实现流程

1.打开AndroidStudio新建一个测试项目,新建一个签名文件testkeystore.keystore。

步骤如下:

点击Build—>Generate Signed Bundle/APK

进入配置签名文件界面,我们选择new一个,当然也可以选择已有的,这个根据实际情况。

下面我们配置app安装时(debug模式)下的自动签名。

点击Build—>Edit Build Types

填写签名文件的路径,名称,密码等信息

点击ok,我们会发现gradle文件下会生成这些信息,即配置成功

这下我们直接安装的apk都是签过名的了。

2.接下来,打开高德地图开发者平台,注册账号,新建应用,填写信息。S

SHA1码等参数获取平台均有方法,这里不再赘述。

最后会给新建的这个应用生成一个key。

3.下载Android地图SDK,按照文档把这些jar包,so包都配置完毕,这里不再赘述。

4.打开AndroidManifest清单文件,先填写所需的权限。

<!--允许程序打开网络套接字--><uses-permission android:name="android.permission.INTERNET" /><!--允许程序设置内置sd卡的写权限--><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /><!--允许程序获取网络状态--><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /><!--允许程序访问WiFi网络信息--><uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /><!--允许程序读写手机状态和身份--><uses-permission android:name="android.permission.READ_PHONE_STATE" /><!--允许程序访问CellID或WiFi热点来获取粗略的位置--><uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

5.接下来配置秘钥节点meta,这里值得一提的是该节点必须放在application节点里,否则会发生INVALID_USER_KEY错误提示,别问我怎么知道的.........

<!--高德地图配置--><meta-dataandroid:name="com.amap.api.v2.apikey"android:value="e785b21088b10797e869eb8bceee61d3" />

6.在视图Activity的XML文件中配置地图控件

<com.amap.api.maps.MapViewandroid:id="@+id/main_map"android:layout_width="match_parent"android:layout_height="match_parent" />

7.在视图Activity里配置控件。

//在activity执行onCreate时执行mMapView.onCreate(savedInstanceState),创建地图mapView.onCreate(savedInstanceState);

@Overrideprotected void onDestroy() {super.onDestroy();//在activity执行onDestroy时执行mMapView.onDestroy(),销毁地图mapView.onDestroy();}@Overrideprotected void onResume() {super.onResume();//在activity执行onResume时执行mMapView.onResume (),重新绘制加载地图mapView.onResume();}@Overrideprotected void onPause() {super.onPause();//在activity执行onPause时执行mMapView.onPause (),暂停地图的绘制mapView.onPause();}@Overrideprotected void onSaveInstanceState(Bundle outState) {super.onSaveInstanceState(outState);//在activity执行onSaveInstanceState时执行mMapView.onSaveInstanceState (outState),保存地图当前的状态mapView.onSaveInstanceState(outState);}

7.好了,环境基本都配置完毕了,我们安装应用,如果成功显示地图界面就表示配置成功了。

7.接下来我们实现定位并获取当前位置信息。

初始化AMap对象

map= mapView.getMap();

进行相应的配置

MyLocationStyle myLocationStyle = new MyLocationStyle();//初始化定位蓝点样式类myLocationStyle.myLocationType(MyLocationStyle.LOCATION_TYPE_LOCATION_ROTATE);//连续定位、且将视角移动到地图中心点,定位点依照设备方向旋转,并且会跟随设备移动。(1秒1次定位)如果不设置myLocationType,默认也会执行此种模式。myLocationStyle.myLocationType(MyLocationStyle.LOCATION_TYPE_LOCATE) ;//定位一次,且将视角移动到地图中心点。myLocationStyle.showMyLocation(true);myLocationStyle.interval(2000); //设置连续定位模式下的定位间隔,只在连续定位模式下生效,单次定位模式下不会生效。单位为毫秒。map.setMyLocationStyle(myLocationStyle);//设置定位蓝点的Stylemap.getUiSettings().setMyLocationButtonEnabled(true);map.setMyLocationEnabled(true);// 设置为true表示启动显示定位蓝点,false表示隐藏定位蓝点并不进行定位,默认是false。

此时安装app,点击定位按钮,纳尼?怎么跑到非洲去了?定位蓝点呢?精度圈呢?

带着百般疑惑的我去搜了下度娘,在一大堆眼花缭乱的回答里找到了答案。

原来自Android6.0后,我们在这里需要给他加上动态权限。话不多说,干他。

/*** 获取定位权限*/@TargetApi(Build.VERSION_CODES.M)private void requestPermission() {//Android 6.0判断用户是否授予定位权限if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {//如果 API level 是大于等于 23(Android 6.0) 时//判断是否具有权限if (ContextCompat.checkSelfPermission(this,Manifest.permission.ACCESS_COARSE_LOCATION) != PackageManager.PERMISSION_GRANTED) {//判断是否需要向用户解释为什么需要申请该权限if (ActivityCompat.shouldShowRequestPermissionRationale(this,Manifest.permission.ACCESS_COARSE_LOCATION)) {Toast.makeText(MainActivity.this,"自Android 6.0开始需要打开位置权限",Toast.LENGTH_SHORT).show();}//请求权限ActivityCompat.requestPermissions(this,new String[]{Manifest.permission.ACCESS_COARSE_LOCATION},REQUEST_CODE_ACCESS_COARSE_LOCATION);}else {initMap();}}}/*** 获取权限的回调* @param requestCode* @param permissions* @param grantResults*/@Overridepublic void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {super.onRequestPermissionsResult(requestCode, permissions, grantResults);if (requestCode == REQUEST_CODE_ACCESS_COARSE_LOCATION) {if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {//用户允许改权限,0表示允许,-1表示拒绝 PERMISSION_GRANTED = 0, PERMISSION_DENIED = -1//permission was granted, yay! Do the contacts-related task you need to do.//这里进行授权被允许的处理initMap();} else {//permission denied, boo! Disable the functionality that depends on this permission.//这里进行权限被拒绝的处理}} else {super.onRequestPermissionsResult(requestCode, permissions, grantResults);}}

我们只需要把获取权限的方法requestPermission()放在onCreate()里,然后在授权成功的回调里进行地图的配置即可。

跑起来,成功了!

8.定位成功了,接下来我们获取当前的位置信息。

//定位配置locationClient= new AMapLocationClient(this);clientOption= new AMapLocationClientOption();locationClient.setLocationListener(new AMapLocationListener() {@Overridepublic void onLocationChanged(AMapLocation aMapLocation) {Log.d("fantasychong_amp", aMapLocation.getLatitude()+ "===="+ aMapLocation.getLongitude());}});clientOption.setLocationMode(AMapLocationClientOption.AMapLocationMode.Hight_Accuracy);clientOption.setInterval(2000);locationClient.setLocationOption(clientOption);locationClient.stopLocation();locationClient.startLocation();

运行,经纬度信息获取成功了,但是。。。。

合着就第一次成功是吧。。。看了下文档,我们还需要给清单文件加上service这么一行

<service android:name="com.amap.api.location.APSService"></service>

相当于创建了一个定位的service,运行

搞定!

同理我们还可以从onLocationChanged()返回的aMapLocation参数里获取位置描述

aMapLocation.getAddress()

因为我们设置了连续定位,根据需求我们可以改成只定位一次即可。

clientOption.setOnceLocation(true);

跑起来~

只定位了一次,成功!

9.定位搞定了,接下来我们实现通过输入地址获取经纬度并定位到该位置。

首先我们给视图Activity的XML文件里加个文本输入框,不要在意画的丑。。。

然后写上以下方法。

geocodeSearch= new GeocodeSearch(this);geocodeSearch.setOnGeocodeSearchListener(new GeocodeSearch.OnGeocodeSearchListener() {@Overridepublic void onRegeocodeSearched(RegeocodeResult regeocodeResult, int i) {}@Overridepublic void onGeocodeSearched(GeocodeResult geocodeResult, int i) {GeocodeAddress address= geocodeResult.getGeocodeAddressList().get(0);Log.d("fantsychonfg_geocodsult", address.getLatLonPoint().getLatitude()+ "===="+ address.getLatLonPoint().getLongitude());}});//启动搜索searchBtn.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {if (!TextUtils.isEmpty(searchEt.getText().toString())){GeocodeQuery query = new GeocodeQuery(searchEt.getText().toString(), searchEt.getText().toString());geocodeSearch.getFromLocationNameAsyn(query);}}});

此时我们输入一个位置,比如说 ”钟楼“ ,就可以在onGeocodeSearched()方法中获取到对应的经纬度。

然后因为我们要定位到 ”钟楼“ 这个位置,所以我们要把地图中心点设到 ”钟楼”,这里造一个设置地图中心点的方法setMapCenter()。

/*** 设置地图中心点* @param latLng*/private void setMapCenter(LatLng latLng) {map.moveCamera(CameraUpdateFactory.changeLatLng(latLng));map.moveCamera(CameraUpdateFactory.zoomTo(18));}

然后我们给这个中心点画一个圆圈。

/*** 绘制圆圈** @param latLng*/public void drawCircle(LatLng latLng) {String color = "#26b637";StringBuilder sb = new StringBuilder(color);// 构造一个StringBuilder对象sb.insert(1, "50");// 在指定的位置10,插入指定的字符串if (circle != null) {circle= null;}circle = map.addCircle(new CircleOptions().center(latLng).radius(200).fillColor(Color.parseColor(sb.toString())).strokeColor(Color.parseColor(color)).strokeWidth(5));}

给圆圈中心点设置一个图标。

/*** 绘制自定义marker(图标)*/public void drawMarker(LatLng latLng) {MarkerOptions markerOption = new MarkerOptions();markerOption.position(latLng);markerOption.draggable(true);//设置Marker可拖动markerOption.icon(BitmapDescriptorFactory.fromBitmap(BitmapFactory.decodeResource(getResources(), R.mipmap.area_icon_0)));// 将Marker设置为贴地显示,可以双指下拉地图查看效果markerOption.setFlat(false);//设置marker平贴地图效果markerOption.anchor(0.5f, 0.5f); //设置marker偏移量marker = map.addMarker(markerOption);}

同时,在每次画圈和marker时,都需要把之前的内容清除掉,否则新旧会重叠,造成不好的体验

//清除圆圈和markermap.clear();//绘制圆圈drawCircle(latLng);//绘制markerdrawMarker(latLng);

跑起来,输入地址信息,点击搜索,成功!

此时我们再把初始定位的蓝点和默认图标改成上图一样的,保持风格统一。

我们把首次定位和显示蓝点等方法屏蔽掉,在定位的回调方法onLocationChanged()中获取经纬度并设置中心点及绘制圆圈和marker。

// MyLocationStyle myLocationStyle = new MyLocationStyle();//初始化定位蓝点样式类// myLocationStyle.myLocationType(MyLocationStyle.LOCATION_TYPE_LOCATE);// myLocationStyle.showMyLocation(true);// myLocationStyle.interval(2000); //设置连续定位模式下的定位间隔,只在连续定位模式下生效,单次定位模式下不会生效。单位为毫秒。// map.setMyLocationStyle(myLocationStyle);//设置定位蓝点的Style// map.getUiSettings().setMyLocationButtonEnabled(true);// map.setMyLocationEnabled(true);// 设置为true表示启动显示定位蓝点,false表示隐藏定位蓝点并不进行定位,默认是false。// map.moveCamera(CameraUpdateFactory.zoomTo(16));//定位配置locationClient = new AMapLocationClient(this);clientOption = new AMapLocationClientOption();locationClient.setLocationListener(new AMapLocationListener() {@Overridepublic void onLocationChanged(AMapLocation aMapLocation) {Toast.makeText(MainActivity.this, aMapLocation.getLatitude() + "===="+ aMapLocation.getLongitude() + "===="+ aMapLocation.getAddress(), Toast.LENGTH_SHORT).show();setMapCenter(new LatLng(aMapLocation.getLatitude(), aMapLocation.getLongitude()));}});

启动app,成功!

10.接下来,我们设置marker的拖拽监听,当拖动的时候重新以marker新的位置为中心点画圆。

geocodeSearch.setOnGeocodeSearchListener(new GeocodeSearch.OnGeocodeSearchListener() {@Overridepublic void onRegeocodeSearched(RegeocodeResult regeocodeResult, int i) {}@Overridepublic void onGeocodeSearched(GeocodeResult geocodeResult, int i) {GeocodeAddress address = geocodeResult.getGeocodeAddressList().get(0);Log.d("fantsychonfg_geocodsult", address.getLatLonPoint().getLatitude() + "====" + address.getLatLonPoint().getLongitude());setMapCenter(new LatLng(address.getLatLonPoint().getLatitude(), address.getLatLonPoint().getLongitude()));}});

看下效果:(忽略渣画质。。。你要知道我用手机录屏,然后微信传到电脑上,再用电脑QQ录屏转GIF费了多大心血吗。。。。。)

拖动成功,并且可以实时绘制新的圆圈和marker,不过感觉灵敏度太高了。。。拖起来特别快,之前用百度地图就没遇到这种情况。。。度娘也没找到好的解决办法,有谁知道,请指教!

11.拖动可以了,接下来我们设置下地图界面的点击事件,可以实现点击某个位置,在该位置绘制新的marker和圆圈。

同样官方已经给我们提供了接口了。

//地图的点击监听map.setOnMapClickListener(new AMap.OnMapClickListener() {@Overridepublic void onMapClick(LatLng latLng) {setMapCenter(latLng);}});

看效果:

看着好像不是很明显,就是点击某个区域后,就会在新的区域绘制圆和marker。

12.下面,我们尝试动态更改下圆的半径。

首先给视图activity加几个不同半径文字的按钮。(丑是丑了点。。。。)

我们在绘制圆的方法里,把之前的固定的半径200M改成一个全局变量radius,默认值设为200

private int radius= 200;

circle = map.addCircle(new CircleOptions().center(latLng).radius(radius).fillColor(Color.parseColor(sb.toString())).strokeColor(Color.parseColor(color)).strokeWidth(5));

同理在之前设置地图中心点setMapCenter()里,把半径参数latLng统一设为全局变量。

给画圆的方法drawCircle()里增加一个radius参数。

setMapCenter(LatLng latLng, int radius)

然后在相应的点击事件里改变半径。(即重画圆)

/*** onClick点击监听* @param view*/@Overridepublic void onClick(View view) {switch (view.getId()){case R.id.main_radius100Btn: //半径100radius= 100;setMapCenter(latLng, 100);break;case R.id.main_radius200Btn: //半径200radius= 200;setMapCenter(latLng, 200);break;case R.id.main_radius500Btn: //半径500radius= 500;setMapCenter(latLng, 500);break;case R.id.main_radius1000Btn: //半径1000radius= 1000;setMapCenter(latLng, 1000);break;default:break;}}

看哈效果:

成功!

至此全部完成,估计有很多小伙伴直接拉到底部看demo的,话不多说,demo附上!

资源下载

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。