GithubHelp home page GithubHelp logo

from1900 / vmap Goto Github PK

View Code? Open in Web Editor NEW

This project forked from phodal/vmap

0.0 1.0 0.0 3.92 MB

GitHub most popular Chinese user in Map

Home Page: http://vmap.phodal.com

HTML 0.84% CSS 4.47% JavaScript 94.69%

vmap's Introduction

#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.

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

vmap's People

Contributors

codecly259 avatar jonneyyan avatar justjavac avatar lwhile avatar phodal avatar rccoder avatar tmpbook avatar zhourunlai avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.