ホームページ > 記事 > ウェブフロントエンド > HTML DOM Geolocation coordinates属性

HTML DOM Geolocation coordinates属性

WBOY転載: 2023-09-06 20:05:07616ブラウズ

HTML DOM 地理位置座標属性は、地球上のユーザーデバイスの位置と高度を取得するために使用されます。ユーザーは、このプロパティが機能するために提供する座標を承認する必要があります。これは、ユーザーのプライバシーを侵害しないようにするために行われます。これは、さまざまなデバイスの位置を追跡するために使用できます。

プロパティ

以下は座標プロパティです -

注 - これらのプロパティはすべて読み取り専用で、戻り値の型は double です。

#2#3coefficients.altitude4座標。 Accuracy##5cocos.HeadingCoodys.speed構文GeoLocation 座標属性の構文は次のとおりです -

Sr.No th>	プロパティと説明
1	coowned.latitude デバイスの位置の緯度を 10 進数で返します。
	Coowned.Longitudeデバイスの位置の経度を 10 進数で返します
	海抜を基準とした場所の高度をメートル単位で返します。デバイスに GPS がない場合は、null を返すことができます。
	緯度と経度の属性の精度をメートル単位で返します
coowneds.altitudeAccuracy	高度属性の精度をメートル単位で返します #6
	方向を返しますデバイスの移動量。この値は、真北の方向からのデバイスの距離を度単位で表します。 0度は真北を表し、方角は時計回り（東が90度、西が270度）で決まります。速度が 0 の場合、方位は NaN になります。デバイスが機首方位情報を提供できない場合、値は null になります。 7
	次の速度を返します。デバイス (メートル/秒)。値は null にすることもできます。

coordinates.property

「属性」は上記のいずれかになります。表 1 に記載されている属性。

例

GeoLocation 座標属性の例を見てみましょう -

<!DOCTYPE html>
<html>
<body>
<h1>Geolocation coordinates property</h1>
<p>Get you coordinates by clicking the below button</p>
<button onclick="getCoords()">COORDINATES</button>
<p id="Sample">Your coordinates are:</p>
<script>
   var p = document.getElementById("Sample");
   function getCoords() {
      if (navigator.geolocation) {
         navigator.geolocation.getCurrentPosition(showCoords);
      } else {
         p.innerHTML ="This browser doesn&#39;t support geolocation.";
      }
   }
   function showCoords(position) {
      p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます -

##[座標] ボタンをクリックし、[位置情報の確認] ポップアップで [許可] をクリックすると、上記の

HTML DOM Geolocation coordinates属性

例 -

最初に、ユーザーがクリックしたときに getCoords() メソッドを実行するボタン COORDINATES を作成しました。 - HTML DOM Geolocation coordinates属性

<button onclick="getCoords()">COORDINATES</button>

getCoords() 関数は、ナビゲーターオブジェクトの地理位置情報プロパティを取得して、ブラウザは地理位置情報をサポートしています。ブラウザが地理位置情報をサポートしている場合、ブラウザは地理位置情報オブジェクトを返します。ナビゲーターの地理位置情報プロパティの getCurrentPosition() メソッドを使用すると、デバイスの現在の位置を取得できます。 getCurrentPosition() メソッドは、JavaScript ではすべての関数がオブジェクトであるため、関数オブジェクトを引数として受け入れるコールバック関数です。

ここでは、showCoords() メソッドを渡します。 showCoords() メソッドは、パラメータとして位置インターフェイスを受け取り、それを使用して、ID が「Sample」の段落内の経度、緯度、および精度を表示します。段落 innerHTML 属性を使用してテキストを追加します -

function getCoords() {
   if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showCoords);
   } else {
      p.innerHTML ="This browser doesn&#39;t support geolocation.";
   }
}
function showCoords(position) {
   p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy;
}

以上がHTML DOM Geolocation coordinates属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript html NULL 回调函数 double 接口对象 dom innerHTML td

声明：

この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

前の記事：HTMLで箇条書きのない順序なしリストを作成するにはどうすればよいですか?次の記事：HTMLで箇条書きのない順序なしリストを作成するにはどうすればよいですか?

続きを見る