H5 von 11__GeoLocation Geolokalisierung-H5-Tutorial-php.cn

H5 von 11__GeoLocation Geolokalisierung

黄舟

Freigeben： 2017-02-18 14:54:19

Original

1761 Leute haben es durchsucht

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>

Nach dem Login kopieren

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)!