ホームページ >ウェブフロントエンド >H5 チュートリアル >地理的位置を取得するための簡単な html5 コード_html5 チュートリアルのスキル

地理的位置を取得するための簡単な html5 コード_html5 チュートリアルのスキル

WBOY
WBOYオリジナル
2016-05-16 15:48:181396ブラウズ


コードをコピーします
コードは次のとおりです:

/**
* 以下は地理的位置を取得するための HTML5 コードです
*/
function getLocation() {
//ブラウザが位置情報の取得をサポートしているかどうかを確認します
if (navigator.geolocation) {
//ブラウザが位置情報の取得をサポートしている場合、showPosition( ), showError
//alert("位置情報を取得しようとしています...");
var config = {enableHighAccuracy: true, timeout: 5000, minimumAge: 30000 }; .getCurrentPosition( showPosition, showError, config);
} else {
//alert("位置情報はこのブラウザではサポートされていません。")
alert("位置情報の取得が無効になっています。許可");
}
}
/**
* 住所の場所を正常に取得しました
*/
function showPosition(position) {
//経度と緯度を取得します
var x = 位置。 coords.latitude;
var y =position.coords.longitude;
//Baidu ジオコーディング API を構成します
var url = "http://api.map.baidu.com/geocoder/v2/?ak =C93b5178d7a8ebdb830b9b557abce78b"
"&callback=renderReverse"
"&location=" x "," y
"&output=json"
"&pois=0";
$.ajax({
type: "GET" 、
dataType: "jsonp"、
url: url、
成功: function (json) {
if (json == null || typeof (json) == "未定義") {
return;
}
if (json.status != "0") {
return;
}
setAddress(json.result.addressComponent);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("[x:" x ",y:" y "]アドレスの場所を取得できませんでした。アドレスを手動で選択してください");
}
});
}
/**
* 住所の場所の取得に失敗しました [まだ処理されていません]
*/
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
alert ("測位に失敗しました。ユーザーは地理位置情報のリクエストを拒否しました");
//x.innerHTML = "ユーザーは地理位置情報のリクエストを拒否しました。[ユーザーは地理位置情報のリクエストを拒否しました] "
break;
case error.POSITION_UNAVAILABLE :
alert("位置情報が取得できませんでした。位置情報が利用できません");
//x.innerHTML = "位置情報が利用できません。[位置情報が利用できません] ]"
break;
case error.TIMEOUT:
alert("測位に失敗しました。ユーザーの位置情報の取得リクエストがタイムアウトしました");
//x.innerHTML = "ユーザーの位置情報の取得リクエストtimed out.[ユーザーの位置情報の取得リクエストがタイムアウトしました。]"
break;
case error.UNKNOWN_ERROR:
alert("測位に失敗しました、測位システムに失敗しました");
//x.innerHTML = "不明なエラーが発生しました。[不明なエラー]"
break
}
}
/**
* アドレスを設定
*/
function setAddress(json) {
var 位置= document.getElementById("txtPosition");
//州
var 州 = json.province;
//市
var city = json.city; >var 地区 = json.district;
州 = 州.replace ('市', '');
位置.値 = 州 "," 市 "," 地区
位置.スタイル.カラー= '黒';
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。