JS を使用して現在の地理的位置を取得するメソッド summary_javascript スキル-jsチュートリアル-php.cn

JS を使用して現在の地理的位置を取得するメソッド summary_javascript スキル

WBOY

リリース： 2016-05-16 16:25:59

オリジナル

1229 人が閲覧しました

今年のプロジェクト開発中に、私は最初に HTML5 を学びながら開発しましたが、これはインターネット製品には適していないことがわかりました。いくつかの関数を使用するだけです。モバイルWEB開発の過程で初めて測位機能に触れましたが、携帯電話での測位はブラウザ経由で行うことを初めて知りました。「測位機能を有効にしますか?」というプロンプトが表示されます。上司はこのプロンプトを見て、それがユーザーエクスペリエンスにとって良くないと感じました。それが良くない場合は、別の方法で実装できます。これは大したことではありません。上司の表情が大きく変わり、こう言いました。「いいえ、これは経験があるはずです。」新しい機能をできるだけ早くリリースできるように、時間を急ぐためにこれを行っているのではありませんか?

1.携帯電話WEB測位方法：

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

var getLocation = function (successFunc, errorFunc) { //successFunc は測位成功のコールバック関数を取得し、errorFunc は測位失敗のコールバックを取得します

//最初にデフォルトの都市を設定します

var defCity = {

id: '000001',

名前: '北京市'、

Date: curDateTime()//現在時刻の取得メソッド

};

//デフォルトの都市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { 有効期限: 1, パス: '/' });

If (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(function (位置) {

var lat = Position.coords.latitude;

var lon =position.coords.longitude;

//var map = new BMap.Map("container") //Map インスタンスを作成します

var point = new BMap.Point(lon, lat) // ポイント座標を作成します

var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

var addComp = rs.addressComponents;

var curCity = {

ID: '',

名前: addComp.province、

日付: curDateTime()

};

//現在地の都市

$.cookie('VPIAO_MOBILE_CURRENCITY', JSON.stringify(curCity), { 有効期限: 7, パス: '/' });

//alert(addComp.province ", " addComp.city ", " addComp.district ", " addComp.street);

If (successFunc != 未定義)

successFunc(addComp);

});

}、

関数 (エラー) {

スイッチ (error.code) {

ケース 1:

alert("位置情報サービスが拒否されました。");

休憩;

ケース 2:

alert("位置情報が一時的に取得できません。");

休憩;

ケース 3:

alert("位置情報の取得がタイムアウトしました。");

休憩;

デフォルト：

alert("不明なエラー。");

休憩;
}

var curCity = {

id: '000001',

名前: '北京'、

日付: curDateTime()

};

//デフォルトの都市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { 有効期限: 1, パス: '/' });

if (errorFunc != 未定義)

errorFunc(error);

}, { タイムアウト: 5000、enableHighAccuracy: true });

} else {

alert("お使いのブラウザは地理的位置情報の取得をサポートしていません。");

If (errorFunc != 未定義)

errorFunc("お使いのブラウザは地理的位置情報の取得をサポートしていません。");

}

};

var showPosition = 関数 (位置) {

var lat = 位置.座標.緯度;

var lon = 位置.座標.経度;

//var map = new BMap.Map("container") // Map インスタンスを作成します

var point = new BMap.Point(lon, lat) // ポイント座標を作成します
;
var gc = 新しい BMap.Geocoder();

gc.getLocation(point, function (rs) {

var addComp = rs.addressComponents;

var curCity = {

id: '',

名前: addComp.province,

日付: curDateTime()

};

//現在地の都市

$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { 有効期限: 7, パス: '/' });

//alert(addComp.province ", " addComp.city ", " addComp.district ", " addComp.street);

});

};

var showPositionError = 関数 (エラー) {

スイッチ (error.code) {

ケース 1:

alert("位置情報サービスが拒否されました。");

休憩;

ケース 2:

alert("位置情報が一時的に取得できません。");

休憩;

ケース 3:

alert("位置情報の取得がタイムアウトしました。");

休憩;

デフォルト:

alert("不明なエラー。");

休憩;

}

var curCity = {

id: '000001',

名前: '北京市'、

日付: curDateTime()

};

//デフォルトの都市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { 有効期限: 1, パス: '/' });

};