the foss4g map
Post on 19-Oct-2014
935 views
DESCRIPTION
The FOSS4G Map by Jason Sanford of UbisenseTRANSCRIPT
![Page 1: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/1.jpg)
The foss4g Map
![Page 2: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/2.jpg)
or ...
how many open source geo tools can I useto create a simple web map
![Page 3: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/3.jpg)
![Page 4: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/4.jpg)
![Page 5: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/5.jpg)
![Page 6: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/6.jpg)
![Page 7: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/7.jpg)
mobile edition
![Page 8: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/8.jpg)
mobile edition
![Page 9: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/9.jpg)
mobile edition
![Page 10: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/10.jpg)
mobile edition
![Page 11: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/11.jpg)
•Yet another slippy map API, but options are good
•Very active development, bug fixes
•Polymaps/jQuery-like object chaining•my_map.addLayer( my_layer ).setView( new L.LatLng( 39.741, -105.011 ), 18 );
•Open Source BSD-licensed
•Use it behind the firewall, in disconnected environments
![Page 12: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/12.jpg)
Map Tiles =
MapQuest OSM Tiles
+
Custom Tiles
![Page 13: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/13.jpg)
OSM Based Tiles Open Aerial Tiles
•From my experience, updated almost instantly•Great cartography•Free to use•just attribute MapQuest and OSM contributors
![Page 14: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/14.jpg)
what about these?Custom overlay tiles also OSM based
![Page 15: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/15.jpg)
osm2pgsql
![Page 16: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/16.jpg)
Geofabrik offers OSM downloads that are updated daily ...
![Page 17: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/17.jpg)
... cut down to the state level in the US.
![Page 18: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/18.jpg)
We use the data loaded into PostGIS for:•map tile creation•map feature selection
For more information on PostGIS,see the 54 other talks during this conference
![Page 19: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/19.jpg)
Browser based web map design studio
Changes to map styles are visible immediately, not after a test run
Pan and zoom the map like any other slippy map to see scale
dependent changes
Multiple data source options like PostGIS, GeoJSON, shapefile, KML,
GeoTIFF, SQLite
![Page 20: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/20.jpg)
Easily set tile export extent
Tile Exports
Adjust zoom levels to export and view immediate change in tile
count
No more accidental 4 million tile jobs
![Page 21: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/21.jpg)
TileMill Exports = MBTiles file
Tiles are stored in a single file, not thousands (or millions), making them much more portable
MBTiles files are simple SQLite databases
![Page 22: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/22.jpg)
MBTiles files can be served a few different ways
mbutil
MapProxy
![Page 23: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/23.jpg)
Feature Selection
var marker = new L.Marker( new L.LatLng( 39.74, -104.98 ), { icon: new Foss4gIcon()} );
marker.bindPopup( “<h2>The Conference</h2>....” );
![Page 24: The FOSS4G Map](https://reader033.vdocuments.net/reader033/viewer/2022061105/54442512b1af9f700a8b47c1/html5/thumbnails/24.jpg)
Feature Selection
map.on( “click”, handleMapClick );
function handleMapClick ( event ) { var lat = event.latlng.lat; var lng = event.latlng.lng; $.getJSON( “select?lat=” + lat + “&lon=” + lng + “&zoom=” + map.getZoom(), handleResponse );}
function handleResponse ( data /* GeoJSON FeatureCollection */ ) {// Pass GeoJSON Feature(s) to instance of L.GeoJSON (GeoJSON layer) to create markers or lines// Populate Information panel with feature type/name and appropriate image (fork and knife)}