English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
geolocationDer schreibgeschützte Attribut gibt das Geolocation-Objekt zurück, das für die Positionsbestimmung des Benutzers verwendet werden kann.
Aus Gründen der Privatsphäre müssen Benutzer ihre Zustimmung dazu geben, ihre Standortinformationen zu berichten.
Hinweis:Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützten Browsern verfügbar.
Sie können unsereHTML5In der Geolocation-AnleitungErfahren Sie mehr über Geolocation.
navigator.geolocation
<script> var x = document.getElementById("demo"); function getLocation () { navigator.geolocation.getCurrentPosition(showLoc); x.innerHTML = 'Getting location...'; } function showLoc (pos) { x.innerHTML = "Breitengrad: " + pos.coords.latitude + "<br>Breitengrad: " + pos.coords.longitude; } </script>Testen Sie es heraus‹/›
Die Zahlen in der Tabelle bestimmen die erste Browserversion, die das geolocation-Attribut vollständig unterstützt:
Eigenschaften | |||||
geolocation | 5 | 3.5 | 16 | 5 | 9 |
Rückgabewert: | Verweis auf das Geolokalisierungsobjekt |
---|
Dieser Beispiel zeigt alle Navigator-Attribute:
var txt = ""; txt += "<p>Browser CodeName: " + navigator.appCodeName + "</p>"; txt += "<p>Browser Name: " + navigator.appName + "</p>"; txt += "<p>Browser Version: " + navigator.appVersion + "</p>"; txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>"; txt += "<p>Browser Language: " + navigator.language + "</p>"; txt += "<p>Browser Online: " + navigator.onLine + "</p>"; txt += "<p>Platform: " + navigator.platform + "</p>"; txt += "<p>User-agent header: " + navigator.userAgent + "</p>"; document.write(txt);Testen Sie es heraus‹/›
In den folgenden Beispielen werden die zurückgegebenen Breiten- und Längengrade verwendet, um Positionen auf der Google-Karte anzuzeigen:
<script> function showLoc(pos) { var latt = pos.coords.latitude; var long = pos.coords.longitude; var lattlong = new google.maps.LatLng(latt, long); var options = { center: lattlong, zoom: 10, mapTypeControl: true, navigationControlOptions: {style:google.maps.NavigationControlStyle.SMALL} ; var mapg = new google.maps.Map(x, options); var mark = new google.maps.Marker({position:lattlong, map:mapg, title:"You are here!"}); } </script>Testen Sie es heraus‹/›
Die Anzeige von Positionen auf der Karte ist eine sehr interessante Aufgabe. Dieser Service wird verwendet, um genaue Positionen im Kartenmaterial bereitzustellen.
Um Ergebnisse auf der Karte anzuzeigen, müssen Sie auf die Kartendienste zugreifen, z.B. Google Maps.
Die Funktionen der Karte werden von der JavaScript-Bibliothek bei Google bereitgestellt:
< script src = “ https://maps.googleapis.com/maps/api/js?key= YOUR_KEY ” > </ script >
Navigator-Referenz:navigator.appCodeName-Attribut
Navigator-Referenz:navigator.appname-Attribut
Navigator-Referenz:navigator.appVersion-Attribut
Navigator-Referenz:navigator.language-Attribut
Navigator-Referenz:navigator.onLine-Attribut
Navigator-Referenz:navigator.platform-Attribut
Navigator-Referenz:navigator.userAgent-Attribut