location:china, GitHub most popular Chinese user in Map
Switch branches/tags
Nothing to show
Clone or download
Latest commit b240869 Aug 17, 2016
Permalink
Failed to load latest commit information.
docs Update README.md Apr 10, 2016
static Update data.js Aug 17, 2016
.gitignore Add gitignore Mar 31, 2016
CNAME Create CNAME Mar 31, 2016
README.md update README.md Apr 9, 2016
favicon.ico add favicon Apr 1, 2016
index.html add view port Apr 8, 2016
vmap-arch.png Add V Map Architecture Apr 3, 2016
vmap.jpg add screenshots Apr 1, 2016

README.md

#V Map

V Map是一个以GitHub用户的信息为数据,基于ElasticSearch与Leaflet的先进WebGIS系统。它提供了强大的地理信息搜索功能——可以从省市区联动再跳转到地图上的相应位置,也可以根据你所选择的地图上的相应位置选择相应的省市区。

并且,你不仅可以通过用户名、地点来搜索用户,你还可以使用自定义形状的多边形搜索(polygon search):

多边形搜索

V Map的系统架构是《CQRS + 微服务》,即使用“编程-开发-发布分离”来完成CQRS,并抽象出一系列的微服务。其系统架构如下图所示:

V Map Architecture

V Map子系统

  • bang - 用于生成V Map中的用户详情页,及其API。
  • bot - 流入数据到ElasticSearch。
  • fang - 生成并挖掘用户的数据。
  • four - 抓取用户数据的爬虫。
  • xunv - SEO用途的用户详细页。

Tech Stack

  • Leaflet
  • Bootstrap
  • ElasticSearch
  • jQuery

添加新用户

修改用户数据文件 /static/js/v_data.js

格式:

{
    name: {用户名},
    latLang: [{经度}, {纬度}]
}

ps: 经纬度可以由Google Map搜索地址获得.

{
    name: "Phodal",
    latLang: [34.2173804, 108.8981328]
}

截图

Screen Shot

License

© 2016 A Phodal Huang's Idea. This code is distributed under the MIT license. See LICENSE in this directory.

待我代码编成,娶你为妻可好 @ 花仲马