<!DOCTYPE html> <html> <head>
</head> <body> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><article> <p>Ermittlung ihres Standortes: <span id="status">Suche läuft...</span></p></article><script> function success(position) { var s = document.querySelector('#status'); if (s.className == 'success') { return; } s.innerHTML = "Ihr Standort wurde lokalisiert"; s.className = 'success'; var Karte = document.createElement('div'); Karte.id = 'Karte'; Karte.style.height = '600px'; Karte.style.width = '800px'; document.querySelector('article').appendChild(Karte); var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var myOptions = { zoom: 12, center: latlng, mapTypeControl: false, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("Karte"), myOptions); var marker = new google.maps.Marker({ position: latlng, map: map, title:"Ihr aktueller Standort" }); } function error(msg) { var s = document.querySelector('#status'); s.innerHTML = typeof msg == 'string' ? msg : "failed"; s.className = 'fail'; } if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(success, error); } else { error('Keine HTML5 Unterstützung'); }</script></section><script> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'></script>"));</script><script> try { var pageTracker = _gat._getTracker("UA-1656750-18"); pageTracker._trackPageview(); } catch(err) {}</script> </body> </html>
