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

今年のプロジェクト開発中に、私は最初に 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, パス: '/' });
};

前提条件は、Baidu API を導入することです: