Web Maps without Coding
CartoDB
Mapbox
![](images/space.jpg)
What happens when you run out of
space?
![](images/money.gif)
What happens when you run out of
money?
![](images/customization.gif)
What happens when you want more
customization?
Go open source!
Geographic data analysis +
Web mapping +
Free and unlimited* hosting =
QGIS + Leaflet + GitHub
What the heck is QGIS?
Open source desktop GIS platform for Win / OSX / Linux
Use it to wrangle and analyze geo data
What the heck is Leaflet?
Javascript library for interactive maps
What the heck is Github?
Code collaboration and easy web hosting.
Let's make a webmap!
Process:
Bring data into QGIS
Export webmaps with QGIS Plugins
Upload and host with Github
Workflow
Get some data:
Open the index.html folder in your export location
![](images/eureka.png)
Time to share!
Go to Github and start a new repository
Drag and Drop files!
Refresh your repository page. Add a new branch called gh-pages
Go to your repository settings and make gh-pages the default branch
Visit username.github.io/projectname to see it live!
Working example:
tdahlberg.github.io/qgis2leafnice
We just made an open-source webmap and hosted it for free