Skip to content

andyrutkowski/git_your_map_here

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

alt text

Git your map right here! on github!

An intro to make a simple map, host it locally, and use git terminal to update one’s repo. Help young Regen (photographed above) learn to make a map!

Check out the map:

Map: http://maptimela.github.io/git_your_map_here/ Data Source: City of LA - Neighborhood Council Office Location Map (Updated May 30, 2014)

The data was converted from Socrata’s json type to geoJSON with socrata-geojson

Steps:

  1. Open the Terminal/Powershell app and a web browser. Get a GitHub account and fork the repository.
  2. Move into that specific folder: cd git_your_map_here (Pro tip: Remember to use tab completion - click tab and then enter) and click Enter
  3. Run a local server by typing into Terminal/Powershell: python -m SimpleHTTPServer 8000 and click Enter. This runs the Leaflet-powered map with marker and boundary data from two .geojson files in the \data\ folder.
  4. Open your browser (Chrome, Firefox preferred) and open http://localhost:8000
  5. To open on your phone, find your IP address and open http://[YOUR-IP-ADDRESS]:8000/ in your phone’s mobile browser
  6. To see what is pushed up to the gh-pages branch, open http://maptimela.github.io/git_your_map_here/
  7. Stand up with your laptop and say “Git your map right here!”

Other steps to consider

  • Geocoding with QGIS (an open-source GUI GIS app) or command line geoprocessing tools

Tools needed (We will have these files ready to distribute during the meetup)

About

Learn how to use git, CSS, HTML, JavaScript, Leaflet to make a web map:

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 91.5%
  • CSS 8.5%