iOS苹果相册“地点”相簿效果实现浅谈

著名的有才无德科学家曾说过:“如果我看得比别人更远些,那是因为我站在巨人的肩膀上。”能完成这个特效,感谢我爱的人,感谢月饼提供的部分C语言支持,感谢产品大湿的部分思路分析。

起因:产品大湿说,搞个地图,搞个类似苹果相册“地点”相簿的地图,可以显示10万+数据的。听到小道消息的我,立马从抽屉里拿出了海鸥匕首刺向产品大湿的胸膛,他现在正躺在医院治疗伤口,估计悬。

说起实现过程也是一波三折,采用了5种方法,完整耗时大概是3天,和上次新浪特效差不多。那么,废话不多说,开始讲过程。

方法1:

这个简单呀,以前做过天地图厦门项目,里面就写过聚合抽稀的算法,难不倒我,分分钟把代码拷贝过来。嗯,做法是:采用双重循环,计算点和点的距离,如果小于某个距离,就将两个点聚合。有点智商的人都能写出来。然后测测10万条数据,Oh my god,瞬间爆炸,机子卡住不动了,时间复杂度n^2,所以不动很正常。而且还发现以前写的算法代码还有可以优化的空间,哈哈,不过这工程已经由别人接手了,不管它。

方案总结:

这种方案可以达到较好的聚合效果,但是不同的地图level需要定义不同的距离。最重要的是效率太低。

结论:

此路不通,换一条路。研究失败并不是件坏事,这些失败的经验,往往是为成功打下铺垫。

方法2:

不行的话继续干,百度查找iOS地图聚合抽稀,出来的基本都是TBAnnotationClustering,工程的文章思路解析在这里:《How To Efficiently Display Large Amounts of Data on iOS Maps》。这个工程是采用四叉树的方式,将地图上的所有点全部划分到四叉树中,通过四叉树的方式,将查询和比对数据的效率大大提升,可以说工程的效率是很高的。其实如果要求没那么高的话,使用这样的代码就可以达到要求了。大概讲一下它的做法:根据需要聚合的点数据,将世界划分成四叉树,不断地四分,直至所有数据都挂在四叉树上,结束运算;此时所有的点经纬度都有一个范围,如果要比对,只需要比对范围就可以了。然后移动地图时,将当前可见区域放入,根据一定的比值,将当前区域划分成横竖n个格子。最后遍历树,将树上符合格子范围的点放入数组中,就可以得到聚合数据了。


方案总结:

效率是极高的,效果也算可以。但图标会重叠,不好;平移时,图标会变动,不好。而且有时候地图level 1有1个点,level 2有2个点,level 3却还是1个点,不符合正常逻辑。

结论:

此路不通,换一条路。朋友说高德也有一个点聚合demo,我就去下载了看了看,代码逻辑抄袭TBAnnotationClustering,就没什么可说的了。

方法3:

一个字干干干,继续。有了前人四叉树的基础上,我可以将刚才的世界范围换成中国,树顶点是中国范围。接下来解决一下重叠问题,怎么消除重叠呢?我想了想,尼玛,就把当前的屏幕区域分成等额的几份,不就OK了。然后横竖循环每个等额区域,将树上符合等额区域范围的点放入数组中,就可以得到聚合数据了。

方案总结:

重叠是不重叠了,效率也是极高的,放大缩小也没问题。但是每次平移地图,因为重新计算都会刷一下界面。体验当然不行。

结论:

此路不同,换一条路。万恶的百度,啊不,万能的百度求助完了之后,在某人的提醒下,求助我的好友:伟哥、陈大湿、首长,问他们之前有没有搞过关于地图聚合抽稀,伟哥说没搞过,首长也说没搞过,陈大湿比较热情,向我问了不少关联问题,但也没搞过。所以大部分还是得靠自己呀,不过感谢他们。

方法4:

怎么办呢,经过几天晚上梦周公的时间苦思冥想,终于想到了一种不错的方案。嗯嗯,大概说一下做法:将中国划分区域,不同的地图level划分不同等量的格子,比如0-3级别划分2X2格,4-7级别划分4X4格,8-11级别划分16X16……以此类推,然后双重循环,将树上符合等额区域范围的点放入数组中,就可以得到聚合数据了。但是,当分到65536X65536的时候,就发现,速度已经快不行了。这种说白了,时间复杂度还是n^2。

方案总结:

数据不重叠,而且放大后数据散开,平移图标不变,近乎完美。但是效率太低,而且聚合的间隙不能控制。

结论:

此路不同,换一条路。

方法5:

让我好好想想,将数据点挂在四叉树上这一步,感觉没什么问题,问题在于怎么将数据点的聚合效果做的和苹果一样。经过不断的思考,终于想出了一种新的做法:我根据图标的大小取出当前地图level等量的矩形区域,作为单个聚合点的范围,防止重叠。然后取当前屏幕上下左右5屏的距离作为总范围传入查询树中,开始遍历树,用数组去装聚合点,并判断点包含情况。最后遍历该数组,完成。

方案总结:

这个方案基本上与苹果的样式一样了,还原度达到90%。不过问题还是有,因为是取5倍屏幕,而是全中国,所以在小几率情况下,还是会出现平移时,数据发生变化。然后就是取当前地图level等量的矩形区域,这个数据并不准确,毕竟地图上的每个点都不太一样。效率方面没有方法2和方法3的高,但可以满足要求。

结论:

方法可行,暂时采用此方式。

当然方法5并不是最优解,目前正在思考一种更加完美的方案,不仅效率高,而且能够解决方法5中的问题。如果后续研究出来,将会继续提供方法6的思路,敬请期待。

有人问我,为什么不按项目时间进行,而总是即使加班也要提前完成。我觉得提前完成,可以让我花更多的时间提高app的用户体验,而且按照自己写好的测试用例来自测,让app少点bug,多点美感。以后别人想起我或者我做的app,可能会说到:喔,他呀!做的app,bug很少,而且体验很不错,是一位不错的开发人员。这样我就很高兴了。

著名的有才无德科学家曾说过:“如果我看得比别人更远些,那是因为我站在巨人的肩膀上。”能完成这个特效,感谢我爱的人,感谢月饼提供的部分C语言支持,感谢产品大湿的部分思路分析。

起因:产品大湿说,搞个地图,搞个类似苹果相册“地点”相簿的地图,可以显示10万+数据的。听到小道消息的我,立马从抽屉里拿出了海鸥匕首刺向产品大湿的胸膛,他现在正躺在医院治疗伤口,估计悬。

说起实现过程也是一波三折,采用了5种方法,完整耗时大概是3天,和上次新浪特效差不多。那么,废话不多说,开始讲过程。

方法1:

这个简单呀,以前做过天地图厦门项目,里面就写过聚合抽稀的算法,难不倒我,分分钟把代码拷贝过来。嗯,做法是:采用双重循环,计算点和点的距离,如果小于某个距离,就将两个点聚合。有点智商的人都能写出来。然后测测10万条数据,Oh my god,瞬间爆炸,机子卡住不动了,时间复杂度n^2,所以不动很正常。而且还发现以前写的算法代码还有可以优化的空间,哈哈,不过这工程已经由别人接手了,不管它。

方案总结:

这种方案可以达到较好的聚合效果,但是不同的地图level需要定义不同的距离。最重要的是效率太低。

结论:

此路不通,换一条路。研究失败并不是件坏事,这些失败的经验,往往是为成功打下铺垫。

方法2:

不行的话继续干,百度查找iOS地图聚合抽稀,出来的基本都是TBAnnotationClustering,工程的文章思路解析在这里:《How To Efficiently Display Large Amounts of Data on iOS Maps》。这个工程是采用四叉树的方式,将地图上的所有点全部划分到四叉树中,通过四叉树的方式,将查询和比对数据的效率大大提升,可以说工程的效率是很高的。其实如果要求没那么高的话,使用这样的代码就可以达到要求了。大概讲一下它的做法:根据需要聚合的点数据,将世界划分成四叉树,不断地四分,直至所有数据都挂在四叉树上,结束运算;此时所有的点经纬度都有一个范围,如果要比对,只需要比对范围就可以了。然后移动地图时,将当前可见区域放入,根据一定的比值,将当前区域划分成横竖n个格子。最后遍历树,将树上符合格子范围的点放入数组中,就可以得到聚合数据了。

方案总结:

效率是极高的,效果也算可以。但图标会重叠,不好;平移时,图标会变动,不好。而且有时候地图level 1有1个点,level 2有2个点,level 3却还是1个点,不符合正常逻辑。

结论:

此路不通,换一条路。朋友说高德也有一个点聚合demo,我就去下载了看了看,代码逻辑抄袭TBAnnotationClustering,就没什么可说的了。

方法3:

一个字干干干,继续。有了前人四叉树的基础上,我可以将刚才的世界范围换成中国,树顶点是中国范围。接下来解决一下重叠问题,怎么消除重叠呢?我想了想,尼玛,就把当前的屏幕区域分成等额的几份,不就OK了。然后横竖循环每个等额区域,将树上符合等额区域范围的点放入数组中,就可以得到聚合数据了。

方案总结:

重叠是不重叠了,效率也是极高的,放大缩小也没问题。但是每次平移地图,因为重新计算都会刷一下界面。体验当然不行。

结论:

此路不同,换一条路。万恶的百度,啊不,万能的百度求助完了之后,在某人的提醒下,求助我的好友:伟哥、陈大湿、首长,问他们之前有没有搞过关于地图聚合抽稀,伟哥说没搞过,首长也说没搞过,陈大湿比较热情,向我问了不少关联问题,但也没搞过。所以大部分还是得靠自己呀,不过感谢他们。

方法4:

怎么办呢,经过几天晚上梦周公的时间苦思冥想,终于想到了一种不错的方案。嗯嗯,大概说一下做法:将中国划分区域,不同的地图level划分不同等量的格子,比如0-3级别划分2X2格,4-7级别划分4X4格,8-11级别划分16X16……以此类推,然后双重循环,将树上符合等额区域范围的点放入数组中,就可以得到聚合数据了。但是,当分到65536X65536的时候,就发现,速度已经快不行了。这种说白了,时间复杂度还是n^2。

方案总结:

数据不重叠,而且放大后数据散开,平移图标不变,近乎完美。但是效率太低,而且聚合的间隙不能控制。

结论:

此路不同,换一条路。

方法5:

让我好好想想,将数据点挂在四叉树上这一步,感觉没什么问题,问题在于怎么将数据点的聚合效果做的和苹果一样。经过不断的思考,终于想出了一种新的做法:我根据图标的大小取出当前地图level等量的矩形区域,作为单个聚合点的范围,防止重叠。然后取当前屏幕上下左右5屏的距离作为总范围传入查询树中,开始遍历树,用数组去装聚合点,并判断点包含情况。最后遍历该数组,完成。

方案总结:

这个方案基本上与苹果的样式一样了,还原度达到90%。不过问题还是有,因为是取5倍屏幕,而是全中国,所以在小几率情况下,还是会出现平移时,数据发生变化。然后就是取当前地图level等量的矩形区域,这个数据并不准确,毕竟地图上的每个点都不太一样。效率方面没有方法2和方法3的高,但可以满足要求。

结论:

方法可行,暂时采用此方式。

当然方法5并不是最优解,目前正在思考一种更加完美的方案,不仅效率高,而且能够解决方法5中的问题。如果后续研究出来,将会继续提供方法6的思路,敬请期待。

有人问我,为什么不按项目时间进行,而总是即使加班也要提前完成。我觉得提前完成,可以让我花更多的时间提高app的用户体验,而且按照自己写好的测试用例来自测,让app少点bug,多点美感。以后别人想起我或者我做的app,可能会说到:喔,他呀!做的app,bug很少,而且体验很不错,是一位不错的开发人员。这样我就很高兴了。

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

推荐阅读更多精彩内容

  • //我所经历的大数据平台发展史(三):互联网时代 • 上篇http://www.infoq.com/cn/arti...
    葡萄喃喃呓语阅读 51,216评论 10 200
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,651评论 18 139
  • 海岛田横住,南入剡中路。 风前漾卷罗,景夕残霞落。 别有幽栖客,树摇三殿侧。 一挥氛沴静,帜忿情难舒。 【本文由“...
    骋心骋议阅读 370评论 0 0
  • 原文:什么是重要的事情
    金米阅读 227评论 0 0
  • 吾本闲散之人,于生活的点点滴滴、细枝末节,久了便不记得了。至今,已记不起,何时开始玩串,玩的第一串又是哪个了。回忆...
    牧风汉子阅读 360评论 1 1