Learn how to use git, CSS, HTML, JavaScript, Leaflet to make a web map:
HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 29 commits ahead of cityhubla:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
data
images
README.md
gitcheatsheet.md
index.html
slides.html

README.md

alt text

Git your map right here! on GitHub!

Everyone's introduction to making a web map, run it locally on your own machine and publish it to the Internet. 🌐 Help young Regen (photographed above) learn to make a map!

Follow along the presentations:

Check out the map:

Thank yous: 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)