美文网首页
高德2D地图自定义定位,批量绘制或清除Marker的实现 | A

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

作者: 译森 | 来源:发表于2018-06-06 16:34 被阅读1711次
    高德地图

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

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

    官方说明截图

    主要来讲:
    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<Marker> mAllMarker = new ArrayList<>();
    
        /**
         * 清除所有Marker
         */
        private void clearAllMarker() {
            for (Marker marker : mAllMarker) {
                marker.remove();
            }
            mAllMarker.clear();
        }
    

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

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


    demo图

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

    高德地图APP截图 微信位置截图

    查阅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/

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


    点击时的效果

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

    高德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的实现 | A

          本文链接:https://www.haomeiwen.com/subject/ddmbsftx.html