Programme
- 18:30 Maptime starts
- 18:45 Presentation
- 19.00 Leaflet.js
- 19:45 Break
- 20:00 D3.js
- 20:45 Keep working or... have a drink!
Webmapper
- What the map can be
- Baukje, Edward and Hans
- Based in Utrecht
- Geographic web application development
- Web cartography
- Open source, open data and open standards
Making maps with JavaScript
JavaScript?
- HTML for the content
- CSS for the looks
- JavaScript for functionality
JavaScript for map making
- Content: map tiles, polygons, lines, points
- Looks: define styles (and some CSS)
- Functionality: zoom, pan, popups, Ajax, layers...
- Leaflet.js and D3.js!
What is Leaflet.js?
An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps
Contribute on GitHub, Follow on Twitter
Gimme the code...
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
What is D3.js?
A JavaScript library for manipulating documents based on data
Contribute on GitHub, Follow on Twitter
Gimme the code...
<script src="//d3js.org/d3.v3.min.js"></script>
Maptime Amsterdam #9
Leaflet & D3 workshop
Making maps with JavaScript
Webmapper / @webmappery
http://github.com/maptime-ams/Leaflet-D3-workshop/
