大型情感类电视连续剧--Android高德之旅(3)地图交互

时间:2023-03-08 20:27:06

  总要说两句
  
  前两篇讲到了地图的基础显示和地图类型,今天来记录下高德地图交互相关的设置。地图的绘制分很多层,层级的显示需要根据不同的场景来设置。地图的触摸事件也很丰富,有单击、双击、单指拖拽、双指拖拽、双指旋转、双指缩放等,高德提供了api来设置这些用户交互。
  
  除了这些设置外,还包含地图截图,这也算是用户交互。好了,废话不多说,开始今天的Android高德之旅,筒子们,老司机要开车了,上车吧。
  
  (博客中所有的gif都是确定没问题的,如果在你的浏览器中看不了,就把gif下载下来看)
  
  开车
  
  先来看一张图,这是默认的样子
  
  这里写图片描述
  
  显示设置
  
  1、交通图层
  
  AMap aMap = mapView.getMap();
  
  aMap.setTrafficEnabled(true);
  
  1
  
  2
  
  这样就可以开启交通图层,高亮显示交通线路。
  
  这里写图片描述
  
  2、我的位置图层
  
  AMap aMap = mapView.getMap();
  
  aMap.setLocationSource(new LocationSource() {
  
  @Override
  
  public void activate(OnLocationChangedListener onLocationChangedListener) {
  
  mListener = onLocationChangedListener;
  
  if (mlocationClient == null) {
  
  mlocationClient = new AMapLocationClient(this);
  
  mLocationOption = new AMapLocationClientOption();
  
  mlocationClient.setLocationListener(new AMapLocationListener() {
  
  @Override
  
  public void onLocationChanged(AMapLocation aMapLocation) {
  
  if (mListener != null && aMapLocation != null) {
  
  if (aMapLocation.getErrorCode() == 0) {
  
  mListener.onLocationChanged(aMapLocation);
  
  } else {
  
  Log.e("TAG", aMapLocation.getErrorCode());
  
  }
  
  }
  
  }
  
  });
  
  mLocationOption.setLocationMode(
  
  AMapLocationClientOption.AMapLocationMode.Hight_Accuracy);
  
  mlocationClient.setLocationOption(mLocationOption);
  
  mlocationClient.startLocation();
  
  }
  
  }
  
  @Override
  
  public void deactivate() {
  
  mListener = null;
  
  if (mlocationClient != null) {
  
  mlocationClient.stopLocation();
  
  mlocationClient.onDestroy();
  
  }
  
  mlocationClient = null;
  
  }
  
  }); // 设置激活/关闭定位的监听
  
  aMap.getUiSettings().setMyLocationButtonEnabled(b); //在地图上标注我的位置
  
  aMap.setMyL www.lafei333.cn ocationEnabled(b); //显示定位层并可触发定位
  
  aMap.setMyLocationType(AMap.LOCATION_TYPE_MAP_FOLLOW); //总共有三种模式,定位,跟随和旋转
  
  1www.sratchina.com
www.boyuanyl.cn
www.gouyifl.cn
www.gouyiflb.cn
www.gouyily.cn
www.boshenyl.cn
www.fanboyl.cn/
www.longboshyl.cn
www.feishenbo.cn
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
  
  17
  
  18
  
  19
  
  20
  
  21
  
  22
  
  23
  
  24
  
  25
  
  26
  
  27
  
  28
  
  29
  
  30
  
  31
  
  32
  
  33
  
  34
  
  35
  
  36
  
  37
  
  38
  
  39
  
  40
  
  41
  
  42
  
  这里写图片描述
  
  系统会显示蓝色箭头,为您当前所在位置,这个箭头有三种类型(如上显示),定位,跟随和旋转,下面展示一下旋转的效果。
  
  这里写图片描述
  
  主要看下activate回调中的最后一行代码:mlocationClient.startLocation();
  
  此方法为每隔固定时间会发起一次定位请求,为了减少电量消耗或网络流量消耗,
  
  注意设置合适的定位时间的间隔(最小间隔支持为1000ms),并且在合适时间调用stopLocation()方法来取消定位请求,在定位结束后,在合适的生命周期调用onDestroy()方法。
  
  最小时间间隔设置:
  
  mLocationOption.setInterval(1000);
  
  1
  
  关于这个,官方文档写的是2000,但是看源码里写的是1000。
  
  public AMapLocationClientOption setInterval(long var1) {
  
  if(var1 < 1000L) {
  
  var1 = 1000L;
  
  }
  
  this.b = var1;
  
  return this;
  
  }
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  3、指南针:在左上角显示
  
  mUiSettings = aMap.getUiSettings();
  
  mUiSettings.setCompassEnabled(true);
  
  1
  
  2
  
  这里写图片描述
  
  4、比例尺:在左下角显示
  
  mUiSettings = aMap.getUiSettings();
  
  mUiSettings.setScaleControlsEnabled(true);
  
  1
  
  2
  
  这里写图片描述
  
  5、缩放控件:右下角
  
  mUiSettings = aMap.getUiSettings();
  
  mUiSettings.setZoomControlsEnabled(true);
  
  1
  www.lieqibiji.com/
www.myqunliphoto.com/
www.yyzx66.cn/ 易赢在线
www.hsl85.cn/
  2
  
  这里写图片描述
  
  这个位置不是固定的,可以设置
  
  mUiSettings.setZoomPosition(AMapOptions.ZOOM_POSITION_RIGHT_BUTTOM)
  
  mUiSettings.setZoomPosition(AMapOptions.ZOOM_POSITION_RIGHT_CENTER)
  
  1
  
  2
  
  6、设置logo位置:默认在左下角
  
  mUiSettings = aMap.getUiSettings();
  
  mUiSetting.setLogoPosition(int);
  
  1
  
  2
  
  这里写图片描述
  
  这个logo是不可以去掉的,必须显示,因为毕竟你用别人的SDK,总得把别人体现出来。
  
  系统提供了6种logo的位置:
  
  mUiSettings.setLogoPosition(AMapOptions.LOGO_MARGIN_LEFT);
  
  mUiSettings.setLogoPosition(AMapOptions.LOGO_MARGIN_BOTTOM);
  
  mUiSettings.setLogoPosition(AMapOptions.LOGO_MARGIN_RIGHT);
  
  mUiSettings.setLogoPosition(AMapOptions.LOGO_POSITION_BOTTOM_LEFT);
  
  mUiSettings.setLogoPosition(AMapOptions.LOGO_POSITION_BOTTOM_RIGHT);
  
  mUiSettings.setLogoPosition(AMapOptions.LOGO_POSITION_BOTTOM_CENTER);
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  但是实际运行后发现,6个值只有三个位置。
  
  LOGO_MARGIN_LEFT 和 LOGO_POSITION_BOTTOM_LEFT是一样的
  
  LOGO_MARGIN_RIGHT 和 LOGO_POSITION_BOTTOM_RIGHT是一样的
  
  LOGO_MARGIN_BOTTOM 和 LOGO_POSITION_BOTTOM_CENTER是一样的
  
  这就尴尬了~难道是我打开的方式不对嘛,知道的可以跟我说一下。
  
  7、获取缩放比例
  
  float scale = aMap.getScalePerPixel();
  
  1
  
  获取出来的这个scale单位是米/像素,也就是屏幕上一像素等于实际多少米
  
  触控设置
  
  1、滑动手势:是否可以单指滑动
  
  mUiSettings.setScrollGesturesEnabled(false);
  
  1
  
  2、缩放手势:是否可以双指缩放
  
  mUiSettings.setZoomGesturesEnabled(false);
  
  1
  
  3、倾斜手势:是否可以双指倾斜
  
  mUiSettings.setTiltGesturesEnabled(false);
  
  1
  
  4、旋转手势:是否可以双指旋转
  
  mUiSettings.setRotateGesturesEnabled(false);
  
  1
  
  5、所有手势开关
  
  mUiSettings.setAllGesturesEnabled (false);
  
  1
  
  6、以上四个手势设置api,对应下面4个状态获取api
  
  UiSettings.isRotateGesturesEnabled()
  
  UiSettings.isZoomGesturesEnabled()
  
  UiSettings.isScrollGesturesEnabled()
  
  UiSettings.isTiltGesturesEnabled()
  
  1
  
  2
  
  3
  
  4
  
  视角改变
  
  大家还记得吗,第一篇最后,我们做了一个小效果,单击地图,地图定位到某个地方,然后视角倾斜60度,并且旋转90度。
  
  代码时这样写的
  
  aMap.animateCamera(
  
  CameraUpdateFactory.newCameraPosition(new CameraPosition(
  
  new LatLng(39.92463, 116.389139), //经纬度
  
  18, //缩放级别 3 -19 3:最大视角,看到全中国,19:最小级别,看到细节
  
  60, //倾斜
  
  90) //旋转
  
  ),
  
  1500,
  
  new AMap.CancelableCallback() {
  
  @Override
  
  public void onFinish() {
  
  }
  
  @Override
  
  public void onCancel() {
  
  }
  
  }
  
  );
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  7
  
  8
  
  9
  
  10
  
  11
  
  12
  
  13
  
  14
  
  15
  
  16
  
  17
  
  18
  
  19
  
  20
  
  调用aMap.animateCamera,这个过程就是动画形式的,还有另外一个api是没有动画的
  
  aMap.moveCamera(CameraUpdateFactory.newCameraPosition(new CameraPosition(
  
  new LatLng(39.92463, 116.389139), //经纬度
  
  18, //缩放级别 3 -19 3:最大视角,看到全中国,19:最小级别,看到细节
  
  60, //倾斜
  
  90) //旋转
  
  ));
  
  1
  
  2
  
  3
  
  4
  
  5
  
  6
  
  结果和上面一样,只是这个api不会有动画,从方法名就能看出来。
  
  两个api传入的参数都是CameraUpdate对象,表示更新相机位置(即视角位置)
  
  CameraUpdateFactory.newCameraPosition()方法就是返回一个CameraUpdate子类对象
  
  参数分别表示:新的经纬度、缩放级别、倾斜角度、旋转角度
  
  我们来看一下最终效果