Android百度地圖繪製圓形，圓形半徑可動態變化
阿新 • • 發佈：2019-02-12
問題：百度地圖繪製圓形，圓形半徑可隨進度拖動條發生改變
思路：圓形本身是一個覆蓋物，可參考百度地圖Demo中的OverlayDemo.java這個類進行實現。完成畫圓之後，圓形半徑如何隨著進度條的拖動進行變化？進度條與畫圓方法聯動，隨著進度條的拖動首先清除掉上次繪製的圓形重新繪製。
效果圖：
實現程式碼Activity：
package baidumapsdk.demo.map; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.support.annotation.Nullable; import android.util.Log; import android.widget.SeekBar; import android.widget.Toast; import com.baidu.location.BDLocation; import com.baidu.location.BDLocationListener; import com.baidu.location.LocationClient; import com.baidu.location.LocationClientOption; import com.baidu.mapapi.map.BaiduMap; import com.baidu.mapapi.map.CircleOptions; import com.baidu.mapapi.map.MapStatus; import com.baidu.mapapi.map.MapStatusUpdate; import com.baidu.mapapi.map.MapStatusUpdateFactory; import com.baidu.mapapi.map.MapView; import com.baidu.mapapi.map.MyLocationData; import com.baidu.mapapi.map.OverlayOptions; import com.baidu.mapapi.map.Stroke; import com.baidu.mapapi.model.LatLng; import baidumapsdk.demo.R; /** * 描述類的功能、用途、現存BUG，以及其它別人可能感興趣的介紹. * created by: . * version: 2017/12/25 14:15. */ public class ZTestDemo extends Activity { private static final String TAG = "ZTestDemo"; private Context mContext; private MapView mMapView; public MyLocationListener myListener = new MyLocationListener(); BaiduMap mBaiduMap; LocationClient mLocClient; boolean isFirstLoc = true; boolean isLocationClientStop = false; private SeekBar seekBar; private double latitude;//維度 private double longitude;//精度 private int mRadius = 2500;//半徑 LatLng ll = null; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); mContext = this; setContentView(R.layout.layout_ztestdemo); seekBar = (SeekBar) findViewById(R.id.seekBar); mMapView = (MapView) findViewById(R.id.bmapView); mBaiduMap = mMapView.getMap(); mBaiduMap.setMyLocationEnabled(true); mLocClient = new LocationClient(mContext); mLocClient.registerLocationListener(myListener); LocationClientOption option = new LocationClientOption(); option.setOpenGps(true); option.setCoorType("bd09ll");//bd09LL option.setScanSpan(1000); mLocClient.setLocOption(option); mLocClient.start(); mBaiduMap.setOnMapStatusChangeListener(new BaiduMap.OnMapStatusChangeListener() { //地圖狀態改變前 @Override public void onMapStatusChangeStart(MapStatus mapStatus) { Log.i(TAG, "地圖狀態改變前"); } //地圖狀態改變後 @Override public void onMapStatusChange(MapStatus mapStatus) { Log.i(TAG, "地圖狀態改變後"); } //地圖狀態改變時 @Override public void onMapStatusChangeFinish(MapStatus mapStatus) { Log.i(TAG, "地圖狀態改變時"); } }); seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() { @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { Log.e("seekBar", "--" + progress); mBaiduMap.clear(); //畫圓 drawCircle( progress); } @Override public void onStartTrackingTouch(SeekBar seekBar) { Log.e("seekBar", "開始滑動！"); } @Override public void onStopTrackingTouch(SeekBar seekBar) { Log.e("seekBar", "停止滑動！"); Toast.makeText(mContext, "半徑：" + seekBar.getProgress() + "米", Toast.LENGTH_SHORT).show(); } }); } public class MyLocationListener implements BDLocationListener { @Override public void onReceiveLocation(BDLocation location) { // TODO Auto-generated method stub if (location == null || isLocationClientStop) return; MyLocationData locData = new MyLocationData.Builder() .accuracy(location.getRadius()) .direction(100) .latitude(location.getLatitude()) .longitude(location.getLongitude()) .build(); mBaiduMap.setMyLocationData(locData); latitude = location.getLatitude(); longitude = location.getLongitude(); if (isFirstLoc) { isFirstLoc = false; //定位點座標 ll = new LatLng(latitude, longitude); //設定地圖中心點和縮放級別 MapStatusUpdate u = MapStatusUpdateFactory.newLatLngZoom(ll, 13); //以動畫方式更新地圖狀態，動畫耗時 300 ms mBaiduMap.animateMapStatus(u); //畫圓，主要是這裡 OverlayOptions ooCircle = new CircleOptions().fillColor(0x384d73b3) .center(ll).stroke(new Stroke(3, 0x784d73b3)) .radius(mRadius); mBaiduMap.addOverlay(ooCircle); } } } private void drawCircle( int mRadius) { // if (isFirstLoc) { // isFirstLoc = false; //畫圓，主要是這裡 OverlayOptions ooCircle = new CircleOptions().fillColor(0x384d73b3) .center(ll).stroke(new Stroke(3, 0x784d73b3)) .radius(mRadius); mBaiduMap.addOverlay(ooCircle); // } } @Override public void onDestroy() { // mLocClient.stop(); // mBaiduMap.setMyLocationEnabled(false); // mMapView = null; mMapView.onDestroy(); super.onDestroy(); } @Override public void onPause() { super.onPause(); mMapView.onPause(); } @Override public void onResume() { super.onResume(); mMapView.onResume(); } }
程式碼實現XML：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <com.baidu.mapapi.map.MapView android:id="@+id/bmapView" android:layout_width="match_parent" android:layout_height="match_parent" /> <SeekBar android:id="@+id/seekBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="40dp" android:progress="2500" android:max="5000" /> </FrameLayout> </LinearLayout>
提示：程式碼需要優化，我已優化完成。如果各位看到這邊部落格的朋友要用的話可以思考一下自己優化的方式。