{"id":259,"date":"2010-03-27T20:28:56","date_gmt":"2010-03-27T19:28:56","guid":{"rendered":"http:\/\/www.webmaid.de\/?p=259"},"modified":"2010-03-29T07:38:34","modified_gmt":"2010-03-29T06:38:34","slug":"geolocation-im-browser","status":"publish","type":"post","link":"https:\/\/www.webmaid.de\/2010\/03\/geolocation-im-browser\/","title":{"rendered":"Geolocation im Browser"},"content":{"rendered":"<p>Will man standortbezogenen Inhalt auf seiner Webseite anzeigen, dann kann man auf den <a href=\"http:\/\/dev.w3.org\/geo\/api\/spec-source.html\" target=\"_blank\">W3C-Draft der Geolocation<\/a> zur\u00fcckgreifen und die Standortinformationen vom Browser erfragen. Mit dieser Schnittstelle soll es sogar m\u00f6glich sein, die Position zu verfolgen, um so mit Javascript ein Routenplaner implementieren zu k\u00f6nnen.<br \/>\n<!--more--><br \/>\nMozilla beschreibt auf Ihren Seiten die <a href=\"https:\/\/developer.mozilla.org\/En\/Using_geolocation\" target=\"_blank\">Nutzung der Geolocation API<\/a>. Die API entspricht dem W3C-Draft.<\/p>\n<div id=\"geolocationAvailableDiv\">Position konnte nicht ermittelt werden<\/div>\n<p><script type=\"text\/javascript\">\n<!--\nvar divObj = document.getElementById('geolocationAvailableDiv');\nfunction successCallback(position) {\n  string = 'Position: ';\n  if(position.coords) {\n    string = string + position.coords.latitude+' - '+position.coords.longitude + ' (Genauigkeit: ' + position.coords.accuracy + 'm )';\n  } else {\n    string = string + ' UNBEKANNT';\n  }\n  string = string + '<br \/>Timestamp: ';\n  if(position.timestamp) {\n    string = string + position.timestamp;\n  } else {\n    string = string + 'UNBEKANNT';\n  }\n  string = string + '<br \/>Adresse: ';\n  if(position.address) {\n    string = string + position.address.street + ' ' + position.address.streetNumber + ' in ' + position.address.postalCode + ' ' + position.address.city + ' (' + position.address.country + ' ['+position.address.countryCode +'])';\n  } else {\n    string = string + 'UNBEKANNT';\n  }\n  divObj.innerHTML = string;\n}\nfunction errorCallback(errorObject) {\n divObj.innerHTML = 'Error-Callback: #' + errorObject.code + ' -> ' + errorObject.message;\n}\nif(navigator.geolocation) {\n  divObj.innerHTML = 'navigator.geolocation - Objekt gefunden, evtl. keine Position bekannt. Ihr Browser unterstuetzt die API';\n  navigator.geolocation.getCurrentPosition(successCallback, errorCallback);\n} else {\n  divObj.innerHTML = 'Kein navigator.geolocation Objekt gefunden. Ihr Browser unterstuetzt die API nicht.';\n}\n\/\/ -->\n<\/script><br \/>\nWenn ihr Browser die Geolocation API unterst\u00fctzt sollten Sie jetzt ihre Position einsehen k\u00f6nnen. Wenn Sie nichts sehen, dann kann es sein, dass Sie der Positionsbestimmung erst zustimmen m\u00fcssen. Wenn sie wissen wollen, wie man die API nutzt, k\u00f6nnen Sie sich den Quelltext dieser Seite anschauen, oder die verlinkten Webseiten besuchen. Zum Schluss gibt es nur noch zu sagen, dass Sie genau \u00fcberlegen sollten, ob Sie die Position bekannt geben wollen und dass es noch m\u00f6glich ist, die aktuelle Position mittels folgendem Code auch kontinuierlich beobachtet werden kann:<\/p>\n<pre><code>var watchID = navigator.geolocation.watchPosition(function(position) {  \r\n    do_something(position.coords.latitude, position.coords.longitude);  \r\n});\r\n\/\/ Aktualisierung der Position wieder loeschen mit\r\n\/\/ navigator.geolocation.clearWatch(watchID);<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Das Tutorial zeigt, wie man die Geolocation aus dem Browser auslesen kann und welche Informationen bereit stehen.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/posts\/259"}],"collection":[{"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/comments?post=259"}],"version-history":[{"count":22,"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/posts\/259\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/posts\/259\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/media?parent=259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/categories?post=259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webmaid.de\/wp-json\/wp\/v2\/tags?post=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}