高德地图点聚合功能（Adnroid）

最新推荐文章于 2024-06-19 10:39:53 发布

我是李小米

最新推荐文章于 2024-06-19 10:39:53 发布

阅读量1.5w

点赞数 7

分类专栏： Android 文章标签：高德地图地图 app

本文链接：https://blog.csdn.net/qq_15037349/article/details/72722750

版权

Android 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

1、需求：

接下来的项目要实现像链家APP中地图看房的功能（效果如下图）。
链家APP地图找房效果

2、实现思路、查阅资料

看到这个效果图，首先想到的是在view上放一个marker,但是marker只能设置title，没有在中间设置内容的效果。于是乎去查阅高德地图的api,发现有画圆的方法，有设置Text内容标记的方法。就在想能不能先在一个经纬度上先画一个圆形，然后再画一个text的内容标记。然而这个方法并没有来得及去试验。又发现了一个新的名词：点聚合。描述的就是这个效果。有开始查看api一个各种google..在查看了众多博客之后，终于发现了高德地图的官方demo(很奇怪为啥没有在官网的开发文档中体现出来)。这里附上地址：https://github.com/amap-demo/android-cluster-marker

3、做实验+看代码原理

demo下载下来不能运行，应该是配置的问题吧，内容不多。类目录结构如下：

于是自己新建了一个项目，把代码完全拿过来就好了。添加上自己的测试数据。然后运行。效果可以的。（这里的高德地图的集成过程就不说了）
但是发现了一个问题，当坐标的聚合点的数量>1的时候，可以显示附近的数量，但是在数量==1的时候，就啥内容都不显示了。理想的效果是当数量==1的时候，可以显示出坐标的名称。于是去阅读代码，尝试修改逻辑。

4、修改逻辑

通过查看代码，其中点聚合的逻辑都集中在ClusterOverlay类中，但是代码的注释比较少。其中有一个方法，用来获取每个聚合点的绘制样式。

   /**
     * 获取每个聚合点的绘制样式
     */
    private BitmapDescriptor getBitmapDes(int num) {
        BitmapDescriptor bitmapDescriptor = mLruCache.get(num);
        if (bitmapDescriptor == null) {
            TextView textView = new TextView(mContext);
            if (num > 1) {
                String tile = String.valueOf(num);
                textView.setText(tile);
            }
            textView.setGravity(Gravity.CENTER);
            textView.setTextColor(Color.BLACK);
            textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15);
            if (mClusterRender != null && mClusterRender.getDrawAble(num) != null) {
                textView.setBackgroundDrawable(mClusterRender.getDrawAble(num));
            } else {
                textView.setBackgroundResource(R.drawable.defaultcluster);
            }
            bitmapDescriptor = BitmapDescriptorFactory.fromView(textView);
            mLruCache.put(num, bitmapDescriptor);

        }
        return bitmapDescriptor;
    }

首先先大概看了一下代码，这个if语句是用来判断聚合点数量的方法，当聚合点数量>1的时候，给TextView设置内容。

     if (num > 1) {
                String tile = String.valueOf(num);
                textView.setText(tile);
            }

原因就是出在这里，于是我做出如下修改：

     if (num > 1) {
         String tile = String.valueOf(num);
         textView.setText(tile);
     }else if(num == 1){
          RegionItem mRegionItem= (RegionItem) mCluster.getClusterItems().get(0);
          String tile = mRegionItem.getTitle();
          textView.setText(tile);
    }

逻辑就不用说了，大家都能看懂。再运行。
额，又出问题了，真是一步一个坑啊，现在的效果是显示出来坐标的名称了，但是所有的单个的坐标名称都是一样的。于是再去看代码，（此处省略很长时间）。
好了，通过阅读代码，发现其中的原理。当聚合点的数量为10的时候，会绘制出一个view，内容是10。当下次再有聚合点的数量是10的时候，就不会重新绘制了，会把之前的veiw拿出来继续用。相同的坐标名称也是这样，当数量是1的时候，会取一个坐标的名称绘制一个view，下一次再出现数量为1的聚合点，就会取上次的view来显示。当查看他的缓存机制之后（方法比较简单，这里就不详细描述了），把方法做出如下修改：

    /**
     * 获取每个聚合点的绘制样式
     */
    private BitmapDescriptor getBitmapDes(Cluster mCluster) {
        BitmapDescriptor bitmapDescriptor;
        if(mCluster.getClusterCount() > 1){//当数量》1设置个数
            bitmapDescriptor = mLruCache.get(mCluster.getClusterCount());
            if (bitmapDescriptor == null) {
                TextView textView = new TextView(mContext);
                String tile = String.valueOf(mCluster.getClusterCount());
//                textView.setText("附近有\n"+tile+"个"+"\n坐标");
                textView.setText(tile);
                textView.setGravity(Gravity.CENTER);
                textView.setTextColor(Color.WHITE);
                textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15);
                if (mClusterRender != null && mClusterRender.getDrawAble(mCluster.getClusterCount()) != null) {
                    textView.setBackgroundDrawable(mClusterRender.getDrawAble(mCluster.getClusterCount()));
                } else {
                    textView.setBackgroundResource(R.drawable.yuan);
                }
                bitmapDescriptor = BitmapDescriptorFactory.fromView(textView);
                mLruCache.put(mCluster.getClusterCount(), bitmapDescriptor);
            }
        }else{//否则，设置名称
            RegionItem mRegionItem= (RegionItem) mCluster.getClusterItems().get(0);
            bitmapDescriptor = mLruCacheName.get(mRegionItem.getTitle());
            if (bitmapDescriptor == null) {
                TextView textView = new TextView(mContext);
                textView.setText(mRegionItem.getTitle());
                textView.setGravity(Gravity.CENTER);
                textView.setTextColor(Color.WHITE);
                textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 15);
                if (mClusterRender != null && mClusterRender.getDrawAble(mCluster.getClusterCount()) != null) {
                    textView.setBackgroundDrawable(mClusterRender.getDrawAble(mCluster.getClusterCount()));
                } else {
                    textView.setBackgroundResource(R.drawable.yuan);
                }
                bitmapDescriptor = BitmapDescriptorFactory.fromView(textView);
                mLruCacheName.put(mRegionItem.getTitle(), bitmapDescriptor);
            }
        }
        return bitmapDescriptor;
    }