1、需求:

接下来的项目要实现像链家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;
    }