HTML5 地理位置情報(bào)
HTML5 Geolocation API は、ユーザーの地理的位置を取得するために使用されます。
注: この機(jī)能はユーザーのプライバシーを侵害する可能性があるため、ユーザーが同意しない限り、ユーザーの位置情報(bào)は利用できません。この機(jī)能を使用すると、ブラウザーにリマインダーボックスが表示されます。
1. 地理位置情報(bào)のいくつかの方法
IP アドレス、GPS、Wifi、GSM/CDMA
2. 地理位置情報(bào)の取得プロセス
1ユーザーが Web アプリケーションを開きます。地理的な位置を取得する必要があります。
2. アプリケーションはブラウザーに地理的位置を要求し、ブラウザーは地理的位置を共有するかどうかをユーザーに尋ねるクエリをポップアップ表示します。
3. ユーザーが許可すると、ブラウザはデバイスから関連情報(bào)をクエリします。
4. ブラウザーは関連情報(bào)を信頼できる位置サーバーに送信し、サーバーは特定の地理的位置を返します。
3. ブラウザのサポート
IE9.0+、FF3.5+、Safari5.0+、Chrome5.0+、Opera10.6+は地理位置情報(bào)をサポートします。
注: iPhone (iPhone3.0+、Android2.0+) などの GPS を搭載したデバイスの場(chǎng)合、地理的位置はより正確です。 html5のジオロケーションメソッドは、ナビゲーターオブジェクトに存在し、getCurrentposition //現(xiàn)在の位置
3 .clearWatch //監(jiān)視をクリアします<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo">點(diǎn)擊按鈕獲取您當(dāng)前坐標(biāo)(可能需要比較長的時(shí)間獲?。?lt;/p>
<button onclick="getLocation()">點(diǎn)我</button>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="該瀏覽器不支持獲取地理位置。";}
}
function showPosition(position)
{
x.innerHTML="緯度: " + position.coords.latitude +
"<br>經(jīng)度: " + position.coords.longitude;
}
</script>
</body>
</html>
インスタンス分析:
サポートされている場(chǎng)合は、getCurrentPosition()メソッドを?qū)g行します。サポートされていない場(chǎng)合は、ユーザーにメッセージが表示されます。
getCurrentPosition() が正常に実行されると、パラメーター showPosition で指定された関數(shù)に座標(biāo)オブジェクトが返されます
showPosition() 関數(shù)は経度と緯度を取得して表示します
エラーと拒否を処理します
getCurrentPosition( ) メソッド エラーを処理するために使用されます。ユーザーの位置情報(bào)の取得に失敗したときに実行する関數(shù)を指定します:
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置情報(bào)が利用できません。"ブレーク
ケースエラー.TIMEOUT:
WN_ERROR:
x.innerHTML=" 不明なエラー "a Break;
}}
Getcurrentposition () メソッド - データを返す
位置が成功した場(chǎng)合、getCurrentPosition() メソッドオブジェクトを返します。緯度、経度、精度のプロパティは常に返されます。利用可能な場(chǎng)合は、次の他のプロパティが返されます。 10 進(jìn)數(shù)としての経度 coords.accuracy 位置精度
coords.altitudeAccuracy 場(chǎng)所の高度精度
coords.Heading 方向、true からの度単位北
coords.speed 速度 (メートル/秒) timestamp 応答日時(shí)
Alright 地理的位置を取得 (Firefox でのみサポート)