高德地图 点聚合功能(Adnroid)

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;
    }

5、看效果(两张图片可以搞定就不录屏了):

点聚合效果1
点聚合效果2

6、源码地址:

http://download.csdn.net/download/qq_15037349/9935728
https://github.com/LiQinglin007/ClusterDemo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,413评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 隔壁住了对情侣 过着令人羡慕的生活 有人一起吃早餐 有馋人的午、晚饭香 不对, 有两点我不喜欢 一个人做饭 全职做...
    目禾阅读 288评论 0 0
  • 今天参加一个特殊"发小"的婚礼。 小学4年级认识,高中因为考到不同学校、搬家而失去联系。大学时机缘巧合又联系上了。...
    勇猛精进的王糟糟阅读 222评论 2 1
  • 什么是自信,就是自己相信,自信不是别人给的,而自己给自己的 ,但是现代人很多活在别人眼里,别人说你行你就行,说你不...
    追求更好的生活阅读 189评论 0 1