高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发

高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发_第1张图片
高德地图

最近项目有一个功能需要实现:通过后台接口获取经纬度,通过经纬度在地图上展示Marker坐标,点击坐标展示详情。

高德地图有2D地图和3D地图两种,两种地图可实现的功能稍有差别。

高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发_第2张图片
官方说明截图

主要来讲:
1.3D比2D可实现更多显示效果。
2.3D地图必须要导入so文件,打包后会比较大。

我自己实测在使用3D地图SDK导入arm64-v8a,armeabi,armeabi-v7a三个so文件后,release包大了35mb左右,这显然是不太能接受的,所以果断在项目中使用了2D地图SDK。

下面介绍2D地图开发中遇到的一些问题及处理方法,高德SDK的基本配置就不在这里介绍了。

一、2D地图批量绘制Marker

2D地图提供的API比3D少很多,比如3D有批量绘制Marker和清除全部Marker方法,2D都没有,只能循环使用添加Marker的方法。添加后地图不能自动缩放,在页面中包含全部Marker,需要调用AMap类中animateCamera()方法。

drawMarker(latLng);
//通过此方法缩小或扩大地图,将所有坐标显示在页面内
//第二个参数为四周留空宽度
aMap.animateCamera(CameraUpdateFactory.newLatLngBounds(boundsBuilder.build(), 15));

而且在批量绘制Marker后,使用AMap类的clear()方法清除Marker同时也会清除定位蓝点,再次点击定位按钮,蓝点也无法再次显示。也只能通过循环遍历每一个Marker,调用Marker的remove()方法进行清除。

    /*******存储所有Marker**********/
    List mAllMarker = new ArrayList<>();

    /**
     * 清除所有Marker
     */
    private void clearAllMarker() {
        for (Marker marker : mAllMarker) {
            marker.remove();
        }
        mAllMarker.clear();
    }


二、2D地图自定义定位按钮

除了绘制Marker,高德地图的定位按钮默认是在右上角,显得很难看。


高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发_第3张图片
demo图

我们日常使用地图软件都是在左下角或者右下角。

高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发_第4张图片
高德地图APP截图
高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发_第5张图片
微信位置截图

查阅API没有对定位按钮位置的设置,只能进行自定义。
1.隐藏高德自带的定位按钮,在布局右下角加一个button按钮,通过系统的点击监听进行操作。
2.通过AMap类getMyLocation()方法获取定位位置,然后移动地图到定位点的坐标。

  //自定义定位到当前地点,通过获取经纬度,移动到地图上的位置
  Location location = aMap.getMyLocation();
  aMap.animateCamera(CameraUpdateFactory.changeLatLng(new LatLng(location.getLatitude(), location.getLongitude())));

ps:另外还可以通过定位后回调的方式进行控制,这个方法稍微麻烦一些,这里就不做介绍,详见3D地图demo中的 “Location几种模式_5.0.0之前的实现”
http://lbs.amap.com/api/android-sdk/download/

另外,点击定位时发现定位按钮点击时会变蓝色


高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发_第6张图片
点击时的效果

于是我扒了一下SDK中asset文件,找到了高德用的定位图片,编写selector文件,实现相同的点击效果。

高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发_第7张图片
高德asset文件中包含相关的图片文件


三、getInfoWindow(Marker marker)和getInfoContents(Marker marker)方法的使用

这两个方法的主要区别就是getInfoWindow不可自定义view背景,在创建View视图的时候会使用SDK中infowindow_bg2d.9.png文件。SDK虽然已经被混淆过了,但是相关逻辑还是能看出来。

//package com.amap.api.mapcore2d包下,b类,911行方法.
  public void a(ab var1) throws RemoteException {
        String var2 = "showInfoWindow";
        LayoutParams var3 = null;
        if(var1 != null) {
            if(var1.getTitle() != null || var1.getSnippet() != null) {
                this.e();
                Marker var4 = new Marker(var1);
                if(this.T != null) {
                   //赋值getInfoWindow()方法
                    this.R = this.T.getInfoWindow(var4);
                }

                try {
                    if(this.W == null) {
                        //创建时添加背景图
                        this.W = bd.a(this.n, "infowindow_bg2d.9.png");
                    }
                } catch (Exception var9) {
                    cm.a(var9, "AMapDelegateImpGLSurfaceView", var2);
                }

                if(this.R == null && this.T != null) {
                  //this.R实际为getInfoWindow()方法,所以如果没有使用getInfoWindow()方法,
                  //则使用getInfoContents()方法,getInfoContents()方法可以自定义背景
                    this.R = this.T.getInfoContents(var4);
                }

                if(this.R != null) {
                    if(this.R.getBackground() == null) {
                        this.R.setBackgroundDrawable(this.W);
                    }
                } else {
                    LinearLayout var5 = new LinearLayout(this.n);
                    var5.setBackgroundDrawable(this.W);
                    TextView var6 = new TextView(this.n);
                    var6.setText(var1.getTitle());
                    var6.setTextColor(-16777216);
                    TextView var7 = new TextView(this.n);
                    var7.setTextColor(-16777216);
                    var7.setText(var1.getSnippet());
                    var5.setOrientation(1);
                    var5.addView(var6);
                    var5.addView(var7);
                    this.R = var5;
                }

                var3 = this.R.getLayoutParams();
                this.R.setDrawingCacheEnabled(true);
                this.R.setDrawingCacheQuality(0);
                s var10 = var1.b();
                int var11 = -2;
                int var12 = -2;
                if(var3 != null) {
                    var11 = var3.width;
                    var12 = var3.height;
                }

                com.amap.api.mapcore2d.au.a var8 = new com.amap.api.mapcore2d.au.a(var11, var12, var1.getRealPosition(), -((int)var10.a) + var1.getWidth() / 2, -((int)var10.b) + 2, 81);
                this.U = (ay)var1;
                if(this.g != null) {
                    this.g.addView(this.R, var8);
                }

            }
        }
    }



顺便吐槽一下高德:
1.2D有些方法在参考手册里都没有,只能复制方法名称在3D的操作手册中查找,而且方法说明很是简单,这都给开发带来了一定困难。
2.个人提交工单基本等待时间都是两天,而且答非所问,问的是2D地图的问题,给的竟然是3D地图的API,我也醉了。


相关demo已经上传至GitHub,demo中包含一个配置好的签名文件,可以进行debug和release打包。
https://github.com/duff627/AMap2DDemo/tree/master

你可能感兴趣的:(高德2D地图自定义定位,批量绘制或清除Marker的实现 | Android开发)