作者Linux (Windows)
看板Web_Design
标题Fw: [心得] 模拟 Instagram 地图照片模式的范例
时间Mon Jun 29 13:43:53 2015
※ [本文转录自 Soft_Job 看板 #1LaDheS9 ]
作者: Linux (Windows) 看板: Soft_Job
标题: [心得] 模拟 Instagram 地图照片模式的范例
时间: Mon Jun 29 13:43:00 2015
好久没来分享小作品了XD
刚刚有在 FB 的 Front-End Developers Taiwan 社团 PO 过了..
所以有看过的大大们,还请包涵 >"<
这是这几天做的东西,模拟 Instagram 地图照片模式的范例!
因为需要这功能,但是找不到是否有人写好的资源可以用,
索性就自己用现有所会刻了一个,基本上就是使用
Google Maps API、MarkerClusterer、MarkerWithLabel 所实做出来的,
不过还是会有点顿顿的..(有时间我再来 Fix),
大大们若有更好的建议... or 需要改进的地方,欢迎各位一起讨论:)
功能是当我移到该画面时,使用 Ajax 将范围的经纬度传至後端,
後端再回传该范围的资讯,然後再利用 MarkerWithLabel 显示照片,
最後利用 MarkerClusterer 将太密集的点缩成一个集合!
Demo:
http://maps.ioa.tw/
GitHub:
https://github.com/comdan66/OA-instagram_maps
--
(PS. 图片我是用 Flickr 的 API 先抓下来的,这部分就先不讨论了.. >"<
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.230.167.93
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1435556584.A.709.html
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: Linux (61.230.167.93), 06/29/2015 13:43:53
1F:推 y2468101216: 推推 06/29 14:24
2F:推 dlikeayu: 厉害! 07/01 00:51