- Mapping talk for DPC.

2026-03-23 23:22:22 +01:00 · 2011-05-13 21:56:47 +00:00
parent cb19e8b889
commit 1be05da6d9
6 changed files with 138 additions and 3 deletions
--- a/maps-dpc11.xml
+++ b/maps-dpc11.xml
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="utf-8"?>
+<presentation 
+	template="css" 
+	navmode="html"
+	navbarbackground="#4373b4"
+	navbartopiclinks="0"
+	navColor="#f1fbff"
+	logo1=""
+	backgroundfixed="1" >
+<topic>Maps</topic>
+<title>Geolocation and Maps with PHP</title>
+<event>DPC</event>
+<location>Amsterdam, the Netherlands</location>
+<date>May 20th, 2011</date>
+<speaker>Derick Rethans</speaker>
+<email>derick@derickrethans.nl</email>
+<twitter>derickr</twitter>
+<joindin>http://joind.in/3226</joindin>
+<url>http://derickrethans.nl/talks.html</url>
+<slide>slides/map/title.xml</slide>
+<slide>slides/toolbox/me.xml</slide>
+
+<!-- THEORY -->
+<!--
+- coordinate systems
+  - reference ellipsoid/datum
+    - can have multiple coordinate systems
+	- WGS84 datum -> GPS/
+	- reference ellipsoid -> WGS84/OSGB36 = datum (geodetic)
+	GRS80 ellipsoid )reference ellipsoid)
+	- OS -> OSGB36 datum/Airy 1830 ellipsoid
+	  - Transverse Mercator projection with an origin at 49° N, 2° W 
+	  - The most common transformation is called the Helmert datum transformation, which results in a typical 7 m error from true. The definitive transformation from ETRS89 that is published by the OSGB is called the National Grid Transformation OSTN02.[2] This models the detailed distortions in the 1936–1962 retriangulation, and achieves backwards compatibility in grid coordinates to sub-metre accuracy.
+  - geoid
+- projections
+-->
+
+<slide>slides/map/earth-not-a-sphere.xml</slide>
+<slide>slides/map/earth-sphere-approximation.xml</slide>
+<slide>slides/map/meridian.xml</slide>
+<slide>slides/map/projections.xml</slide>
+<slide>slides/map/coordinates.xml</slide>
+<slide>slides/map/coordinate-transformation.xml</slide>
+<slide>slides/map/grid-systems.xml</slide>
+
+<!--
+SHOWING DATA
+- OpenStreetMap tiles
+- (Google, eew!)
+-->
+<slide>slides/map/googlemap.xml</slide>
+<slide>slides/map/openlayers-simple.xml</slide>
+<slide>slides/map/leaflet.xml</slide>
+
+<!--
+ACQUIRING LOCATION
+- Nominatim
+- Geonames
+- Yahoo
+- firefox location API
+- Google GeoLocation
+-->
+<slide>slides/map/openlayers-location.xml</slide>
+<slide>slides/map/openlayers-location-services.xml</slide>
+<slide>slides/map/reverse.xml</slide>
+<slide>slides/map/reverse-services.xml</slide>
+
+<slide>slides/map/html-location-services.xml</slide>
+<slide>slides/map/google-geolocation.xml</slide>
+
+<!--
+ACQUIRING DATA
+- Open Street Map
+- Ordnance Survey Open CodePoint
+- GPX files
+-->
+<slide>slides/map/osm-what.xml</slide>
+<slide>slides/map/osm-xapi.xml</slide>
+<slide>slides/map/osm-data.xml</slide>
+<slide>slides/map/osm-parse-into-db.xml</slide>
+
+<!--
+PLOTTING DATA
+- mysql/sqlite/mongodb
+- distances are tricky
+- flickr photos
+-->
+
+<slide>slides/map/finding-food.xml</slide>
+<slide>slides/map/finding-distances.xml</slide>
+<slide>slides/map/finding-food-take2.xml</slide>
+<slide>slides/map/flickr.xml</slide>
+
+<!-- micro format: http://en.wikipedia.org/wiki/Geo_%28microformat%29 -->
+
+<slide>slides/map/resources.xml</slide>
+<slide>slides/map/google-geolocation-get-wlan.xml</slide>
+
+</presentation>
--- a/slides/map/leaflet.xml
+++ b/slides/map/leaflet.xml
@@ -0,0 +1,35 @@
+<slide>
+<title>Showing a Map</title>
+<subtitle>Leaflet</subtitle>
+<div effect="fade-out">
+<iframe filename='examples/leaflet.html'/>
+</div>
+<div effect="fade-in">
+<example><![CDATA[
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Leaflet Quick Start Guide Example</title>
+	<meta charset="utf-8" />
+	
+	<link rel="stylesheet" href="leaflet/leaflet.css" />
+	<!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" /><![endif]-->
+	<script src="leaflet/leaflet.js"></script>
+</head>
+<body>
+	<div id="map" style="width: 1004px; height: 590px"></div>
+	<script type="text/javascript">
+		var map = new L.Map('map');
+		
+		var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+			osmAttrib = 'Map data &copy; 2011 OpenStreetMap contributors',
+			osm = new L.TileLayer(osmUrl, {maxZoom: 18, attribution: osmAttrib});
+		
+		map.setView(new L.LatLng(51.5179, -0.12), 13).addLayer(osm);
+		
+		var popup = new L.Popup();
+	</script>
+</body>
+</html>]]></example>
+</div>
+</slide>
--- a/slides/map/openlayers-simple.xml
+++ b/slides/map/openlayers-simple.xml
@@ -1,6 +1,6 @@
 <slide>
 <title>Showing a Map</title>
-<subtitle>OpenStreetMap</subtitle>
+<subtitle>OpenLayers</subtitle>
 <div effect="fade-out">
 <iframe filename='examples/openlayers.html' image='openlayers.png'/>
 </div>
--- a/slides/map/osm-what.xml
+++ b/slides/map/osm-what.xml
@@ -4,7 +4,7 @@
 <image filename="osm.png" align="center" pdf-scale="0.6"/>

 <list>
-	<bullet>*"Wikipedia for Maps"*</bullet>
+	<bullet>"Wikipedia for Map *Data*"</bullet>
 	<bullet>Licensed under the Creative Commons Attribution-ShareAlike 2.0 licence (CC-BY-SA):
 		<blurb>You are free to copy, distribute, transmit and adapt our maps
 		and data, as long as you credit OpenStreetMap and its contributors. If
--- a/slides/map/osm-xapi.xml
+++ b/slides/map/osm-xapi.xml
@@ -2,7 +2,7 @@
 <title>Fetching OSM data</title>

 <example>wget 
-  http://osmxapi.hypercube.telascience.org/api/0.6/node
+  http://open.mapquestapi.com/xapi/api/0.6/node
  [amenity=pub] 
  [bbox=-2.401,53.394,-2.104,53.551]
  -O pubs.osm</example>
--- a/slides/map/resources.xml
+++ b/slides/map/resources.xml
@@ -13,6 +13,7 @@
 <link href='http://www.flickr.com/services/api/'/>
 <link href='http://www.ordnancesurvey.co.uk/oswebsite/gps/information/coordinatesystemsinfo/guidecontents/index.html'/>
 <link href='http://en.wikipedia.org/wiki/Helmert_transformation'/>
+<link href='http://leaflet.cloudmade.com/examples/quick-start.html'/>
 <link href='http://code.google.com/apis/maps/documentation/javascript/'/>
 <link href='http://wiki.openstreetmap.org/wiki/Nominatim'/>
 <link href='http://developer.yahoo.com/geo/placefinder/guide/'/>