Vortrag auf der International PHP Conference 2012 Spring Edition zu Geolocation im Browser und Location Based Services wie Google Places und Foursquare

1. das web
wird mobil
Stephan Schmidt, 1&1 Internet AG
International PHP Conference 2012
Hotel Maritim proArte, Berlin

2. bei
Arbeit

3. Sport

4. und
Spiel

5. ich suche cup-
cakes in meiner
nähe.

6. schritt eins:
wo bin ich?

7. geolocation vor
dem jahr 2008:

8. 91.22.203.142

10. where the heck is
oberderdingen?

12. google weiß
ziemlich genau
wo* ich bin.
* und zwar nicht in oberderdingen.

13. geolocation im
jahr 2012:

14. geographische länge
48.96977,8.613199
geographische breite

15. breitengrade
längengrade

16. woher weiß
mein browser
das?

17. geolocation
api

19. +

20. agie!
etw asM
und

21. die Magie ist aus
javascript nutz-
bar.

22. if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition (
function(position) {
// location retrieved
},
function(error) {
// error happened
}
);
}

25. Geoposition
coords : Coordinates
accuracy : 65 // meter
altitude : null
altitudeAccuracy : null
heading : null
latitude : 52.518328398571434
longitude : 13.387145829999998
speed : null

26. PositionError
code : 1
constructor : PositionErrorConstructor
PERMISSION_DENIED : 1
POSITION_UNAVAILABLE : 2
TIMEOUT : 3
message: "User denied Geolocation"

27. navigator.geolocation.getCurrentPosition(
function(position) {...},
function(error) {...},
{
enableHighAccuracy : true,
timeout : 5000, // milliseconds
maximumAge : 1000 * 60 // milliseconds
}
);
}

28. navigator.geolocation.watchPosition (
function(pos) {
// position changed
},
function(error) {
// error happened
}
)

29. 9.0+ 3.5+ 5.0+ 5.0+ 10.6+
3.0+ 2.0+

30. where the heck is
52.51832,13.387145?

31. var latlon = new google.maps.LatLng(pos.coords.latitude,
pos.coords.longitude);
var options = {
zoom: 15,
center: latlon,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map($("#map"), options);
var marker = new google.maps.Marker({
position: latlon,
map: map,
title:"Sie sind hier!"
});

33. menschen
wollen lieber
adressen.

34. http://maps.google.com/
maps/api/service/output?
latlng=lat,lon&sensor=false

35. geocode
http://maps.google.com/
maps/api/service/output?
latlng=lat,lon&sensor=false

36. xml | json
http://maps.google.com/
maps/api/service/output?
latlng=lat,lon&sensor=false

37. position
http://maps.google.com/
maps/api/service/output?
latlng=lat,lon&sensor=false

38. genug javascript,
jetzt kommt der
elefant.

39. public function geocodeReverse($lat, $lon) {
$url = sprintf('http://maps.google.com/maps/api/' .
'geocode/json?latlng=%s,%s&sensor=false',
$lat, $lon);
$json = file_get_contents($url);
$response = json_decode($json);
if ($response->status === 'OK') {
return $response->results;
} else {
throw new Exception($response->status);
}
}

40. "results" : [
{
"address_components" : [...],
"formatted_address" : "Mittelstraße 23, 10117 Berlin, Germany",
"geometry" : {
"location" : {
"lat" : 52.51820,
"lng" : 13.387170
},
"location_type" : "ROOFTOP",
"viewport" : {
"northeast" : {...},
"southwest" : {...}
}
},
"types" : [ "street_address" ]
},
{
"address_components" : [ ... ],
"formatted_address" : "10117 Berlin, Germany",
"geometry" : {
"bounds" : {...}
},
"location" : {...},
"location_type" : "APPROXIMATE",
"viewport" : {...},
"types" : [ "postal_code" ]
},
...
]

41. try {
$geocoder = new Geocoder();
$results = $geocoder->geocodeReverse($lat, $lon);
echo "<ul>";
foreach ($results as $result) {
printf("<li>%s (%s)</li>", $result->formatted_address,
implode(', ', $result->types));
}
echo "</ul>";
} catch (Exception $e) {
echo "Geocodierung ist fehlgeschlagen: " .
$e->getMessage();
}

42. •Mittelstraße 23, 10117 Berlin, Germany (street_address)
•10117 Berlin, Germany (postal_code)
•Mitte, Berlin, Germany (sublocality, political)
•Berlin, Germany (locality, political)
•Berlin, Germany (administrative_area_level_1, political)
•Germany (country, political)

43. Laut Google: Laut Hotel:
Mittelstraße 23 Friedrichstraße 151
10117 Berlin 10117 Berlin
Germany Germany

45. schritt zwei:
wo sind die
cupcakes?

48. https:/maps.googleapis.com/
maps/api/place/method/out
put?parameters&key=[key]

49. sicherheit
https:/maps.googleapis.com/
maps/api/place/method/out
put?parameters&key=[key]

50. search | detail
https:/maps.googleapis.com/
maps/api/place/method/out
put?parameters&key=[key]

51. xml | json
https:/maps.googleapis.com/
maps/api/place/method/out
put?parameters&key=[key]

52. location
radius
sensor
keyword
name
types
rankby
language

53. https://maps.googleapis.com
/maps/api/place/search/json
?location=52.5185,13.3885&ty
pes=food&radius=25000&key
=...&sensor=false&name=cupc
ake

54. {
"html_attributions" : [
"Listings by ...."
],
"results" : [
{
"geometry" : {
"location" : {
"lat" : 52.5107460,
"lng" : 13.4577320
}
},
"icon" : "http://maps.gstatic.com/ma...s/restaurant-71.png",
"id" : "b9a03f408df6ade6021a150d3bf5ae04f24853db",
"name" : "Cupcake",
"rating" : 4.10,
"reference" : "CnRl...R7TAHjPh_H2Mw",
"types" : [ "store", "cafe", "restaurant", "food"],
"vicinity" : "Krossener Straße 12, Berlin"
}, ....],
"status" : "OK"
}

55. $config = parse_ini_file('google-places.ini');
$long = $_GET['long'];
$lat = $_GET['lat'];
$searchUrl = sprintf("https://maps.....search/json".
"?location=%s,%s&types=food&radius=25000&“.
"key=%s&sensor=false",
$lat, $long, $config['googlekey']);
if (isset($_GET['search'])) {
$searchUrl = $searchUrl . "&name=" . $_GET['search'];
}
$jsonResponse = file_get_contents($searchUrl);
$response = json_decode($jsonResponse);

56. if ($response->status !== 'OK') {
printf('<p>Es ist ein Fehler aufgetreten: %s</p>',
$response->status);
} else {
print '<ul style="float: left; margin-right: 25px;">';
foreach ($response->results as $entry) {
$rating = isset($entry->rating) ? $entry->rating : 0;
print '<li>';
printf('<a href="google-detail.php?reference=%s">%s</a>'.
'<div class="rating_bar" title="Bewertung: %s"> '.
'<div style="width:%d%%"></div></div>',
$entry->reference, $entry->name,
$rating, $rating/5*100);
print '</li>';
}
print '</ul>';
}

58. schritt zwei ½:
wie weit ist es
noch?

59. c
a
b

60. die erde ist
eine kugel*.
* eigentlich ein ellipsoid.

61. dist = 6378.388 *
acos(
sin(lat1) * sin(lat2)
+
cos(lat1) * cos(lat2)
*
cos(lon2 - lon1)
)
http://www.kompf.de/gps/distcalc.html

62. function calcDistance($lat1, $lon1, $lat2, $lon2) {
$lat1 = deg2rad($lat1);
$lon1 = deg2rad($lon1);
$lat2 = deg2rad($lat2);
$lon2 = deg2rad($lon2);
return 6378.388 * acos(sin($lat1) *
sin($lat2) + cos($lat1) *
cos($lat2) * cos($lon2 - $lon1));
}

64. geht das auch
ohne google?

68. https://api.foursquare.com/
v2/venues/search?intent=bro
wse&ll=lat,lon&radius=10000
&limit=15&query=Cupcake&c
lient_id=[id]&client_secret=[s
ecret]&v=20111113

69. sicherheit
https://api.foursquare.com/
v2/venues/search?intent=bro
wse&ll=lat,lon&radius=10000
&limit=15&query=Cupcake&c
lient_id=[id]&client_secret=[s
ecret]&v=20111113

70. versionierung
https://api.foursquare.com/
v2/venues/search?intent=bro
wse&ll=lat,lon&radius=10000
&limit=15&query=Cupcake&c
lient_id=[id]&client_secret=[s
ecret]&v=20111113

71. position
https://api.foursquare.com/
v2/venues/search?intent=bro
wse&ll=lat,lon&radius=10000
&limit=15&query=Cupcake&c
lient_id=[id]&client_secret=[s
ecret]&v=20111113

72. $config = parse_ini_file('config/foursquare-config.ini');
$searchUrl = sprintf('https://....../venues/search?'.
'intent=browse&ll=%s,%s&radius=10000&limit=15'.
'&query=Cupcake&client_id=%s&client_secret=%s'.
'&v=20111113',
$lat, $long, $config['clientId'], $config['clientSecret']);
$jsonResponse = file_get_contents($searchUrl);
$response = json_decode($jsonResponse);
foreach ($response->response->venues as $venue) {
printf("<li>%s (%0.2f km)</li>", $venue->name,
$venue->location->distance/1000);
}

74. "categories":
[
{
"id" : "4bf58dd8d48988d1bc941735",
"name" : "Cupcake Shop",
"pluralName" : "Cupcake Shops",
"shortName" : "Cupcakes",
"icon" :
{
"prefix" : "https://.../categories/food/cupcakes_",
"sizes" : [32,44,64,88,256],
"name" : ".png"
},
"primary" : true
}
]

75. personalisierte
empfehlungen

77. wie unterstützt
das mein business?

80. Beware of the
Dark Side, Luke.

81. http://www.cultofmac.com/157641/this-creepy-app-isnt-just-stalking-women-
without-their-knowledge-its-a-wake-up-call-about-facebook-privacy/

83. vielen dank.
Stephan Schmidt
Head of Web Sales Development
1&1 Internet AG
schst@php.net
www.schst.net
twitter.com/schst