suchen

Heim  >  Artikel  >  Web-Frontend  >  H5 von 11__GeoLocation Geolokalisierung

H5 von 11__GeoLocation Geolokalisierung

黄舟
黄舟Original
2017-02-18 14:54:191728Durchsuche

GeoLocation API wird normalerweise für mobile Geräte verwendet, um den geografischen Standort zu ermitteln. Streng genommen gehört es nicht zur Standardspezifikation von H5.


1 Wie um die GeoLocation-API zu verwenden?

Um diese API zu verwenden, erhalten Sie Zugriff auf die Geolokalisierung über window.navigator.geolocatio . Dieses Objekt verfügt über die folgenden drei Methoden:

1. getCurrentPosition()

2. watchPosition()

3 Die Methode

getCurrentPosition() kann drei Parameter übergeben, wie unten gezeigt:

void getCurrentPosition(PositionCallback successCallback, optional PositionErrorCallback errorCallback, optional PositionOptions options);

Der erste Der erste Parameter ist ein erforderlicher Parameter und die letzten beiden Parameter sind optional

Sehen Sie sich ein Beispiel an:


Call getCurrentPosition( ) erfolgreich Schließlich können Sie in der Rückruffunktion die geografischen Standortinformationen des aktuellen Benutzers beim Zugriff auf die Webseite über das Parameterobjekt 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>GeoLocation API 地理定位</title>
    <script type="text/javascript">
    	
   		
   		window.navigator.geolocation.getCurrentPosition(function(pos){
   			alert("当前地理位置的纬度： " +pos.coords.latitude
   			+"\n当前地理位置的经度： " +pos.coords.longitude
   			+ "\n当前经纬度的精度： " +pos.coords.accuracy
   			+ "\n设备的当前运动方向： " +pos.coords.heading
   			+ "\n设备的当前速度： " +pos.coords.speed
   			);
   			
   		});
   		
   		var watchID= window.navigator.geolocation.watchPosition(function(pos){
   			alert("当前位置变化的纬度： " +pos.coords.latitude
   			+"\n当前位置变化的经度： " +pos.coords.longitude
   			+ "\n当前经纬度变化的精度： " +pos.coords.accuracy
   			+ "\n设备的当前运动方向： " +pos.coords.heading
   			+ "\n设备的当前变化的速度： " +pos.coords.speed);
   			
   			navigator.geolocation.clearWatch(watchID);
   		}, function(){
   		});
    </script>
</head>
<body>
	
</body>
</html>



abrufen Das Objekt enthält ein Koordinatenattribut. Das Koordinatenattribut stellt eine Reihe geografischer Koordinateninformationen dar 🎜>

Höhe: Höhe

Genauigkeit: Genauigkeit der Breiten- und Längenkoordinaten (in Meter)

altitudeAccuracy: in Metern Höhe der Koordinatengenauigkeit in Einheiten

heading: Bewegungsrichtung (angegeben durch den relativen Winkel der Drehung im Uhrzeigersinn zum wahren Norden)

speed : Aktuelle Geschwindigkeit über Grund (in m/s)

pos enthält auch ein Zeitstempelattribut, das zur Erstellung eines Zeitstempels verwendet wird in Millisekunden bei der Rückgabe des Koordinatenobjekts.

Die Darstellung ist wie folgt:

Das Obige ist der Inhalt von H5 11__GeoLocation Geolokalisierung. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!


Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：HTML5 10 __Erstellen Sie eine Heatmap mit der Canvas-APINächster Artikel：HTML5 10 __Erstellen Sie eine Heatmap mit der Canvas-API

In Verbindung stehende Artikel

Mehr sehen