有了他，和编程大牛面基不在话下

昨天，偶然间脑洞大开，想做一个O2O的约基应用。

用户故事

作为这样一个基于GayHub的应用，首先我们应该在地球上标示出中国：

然后，我应该打开离我最近的那个省，看看这个省有多少人使用GitHub：

然后，我们再到这个市里面，按不同的区来找人：

现在，我们已经锁定了一个目标：

这样的过程太麻烦了，最好能获取我当前地理位置，然后算出距离：

然后我们就可以开始实战了。

实战

之前用过AMMAP、CartoDB、OpenLayer等等的一些地图库，这次用的是之前想用的Leaflet:

然后，从GitHub上搜索到了一个包含中国地图的GeoJSON，从省到市，再到区和县。无奈的是，光只有这个图太丑了，只好加上Mapbox。

这地图只是太可爱了~~

然后，再结合Bootstrap和jQuery:

我们就有了一个简单的页面了，并且可以有一个显示Popup的Modal。

现在，我们需要一些用户数据——如姓名、GitHub用户名、以及用户公司的经纬度：

把这些用户变成一个个的Marker、显示到地图上：

再通过HTML5的geolocation API 来获取用户当前的经纬度：

最后，我们就可以计算他们的距离了，并获取最短的那个用户：

并且，我们还可以使用多边形搜索：

? ? ? ?

当前上面只有十几条数据，如果你愿意的话，不烦也将你的数据放在上面吧。

Blabla~~，更多精彩内容请关注

点击“阅读原文”，在线预览

有了他，和编程大牛面基不在话下相关推荐

c语言boolean作为全局变量_最容易忽略的C语言知识点细节，编程大牛进阶之路！...
当你选择了一种语言,意味着你还选择了一组技术.一个社区.--Joshua Bloch 一条长语句需要换行写,可以在行的末尾加入反斜杠表示:宏都是单行定义,如果多行定义,也是用反斜杠表示. 例如: ...
编程大牛Eric Raymond对几种计算机语言的评价
编程新手都有一个同样的问题:我应该学习哪一种语言?. <Unix编程艺术>(Eric Raymond著)第十四章,对各种语言进行了评价,正好可以用来回答这个问题.下面是知名IT博客阮一峰的 ...
成为编程大牛很简单，把这些书看个八成就OK
程序员必读书单 1.0 原文链接:http://lucida.me/blog/developer-reading-list/ 本文把程序员所需掌握的关键知识总结为三大类19个关键概念,然后给出了掌握每 ...
php大牛应该掌握的技术,一个编程大牛给PHP初学者的50条忠告
0.用单引号代替双引号来包含字符串,这样做会更快一些.因为PHP会在双引号包围的字符串中搜寻变量,单引号则不会,注意:只有echo能这么做,它是一种可以把多个字符串当作参数的"函数" ...
看看编程大牛们是怎么摆放桌面文件的
因为灵感随时可以从混乱的桌面获得,并且看似混乱的背后,其实自有一套混乱制造者的逻辑,并不影响他们执行工作的效率. 爱因斯坦.马克·吐温.扎克伯格不幸躺枪-- 爱因斯坦马克·吐温马克·扎克伯格,脸书 ...
不懂编程可以自学python吗-给初学python的朋友的一些忠告和建议
从2013年开始接触python以来,我体验过阅读书籍,学习MOOC,查阅文档,谷歌搜索,逛编程社区.现在仍在学习python中,走了很多的弯路.成功的道路各有不同,失败的地方却是种种.我想把我学习p ...
【Android 应用开发】Android之Bluetooth编程
Android Bluetopth 编程大牛文章 http://my.oschina.net/u/994235/blog?catalog=313604 ViewGroup 相关资料 : http:// ...
提升编程水平的靠谱方法
杰洛德·桑托 (Jerod Santo) 写于 2016年12月19日编者按:我原先曾在2010年5月,为"编程加油站"网( Fuel Your Coding )写过这个话题.很 ...
“你们对编程和头发一无所知。”
头发是比青春更容易流失的东西大量脑力劳动熬夜作息不规律精神压力大饮食不健康 ... 都是造成脱发的重要原因有的程序员表面上看起来风轻云淡背地里却在百度.知乎上遍寻脱发治愈良方关于职业 ...

有了他，和编程大牛面基不在话下

有了他，和编程大牛面基不在话下相关推荐

最新文章

热门文章