ホームページ > バックエンド開発 > C#.Net チュートリアル > H5 と Baidu マップを組み合わせて GPS 測位を実現するサンプル チュートリアル

H5 と Baidu マップを組み合わせて GPS 測位を実現するサンプル チュートリアル

零下一度
リリース: 2017-06-23 16:50:30
オリジナル
2167 人が閲覧しました

前書き

現在、m-end を行う際には測位を使用します。ユーザーが初めて h5 ページを開くと、GPS 測位が開始され、Baidu 地図と組み合わせて都市を見つけます。私たちの論理的考え方によれば、GPS 測位を使用して経度と緯度が取得され、それがバックグラウンドに送信されて Baidu のインターフェイスを呼び出し、都市名が検索されます。

1. 都市名を取得するためのクエリを実行した後、都市名に基づいて独自のデータベース内の対応する都市 ID をクエリします (クエリは非常に頻繁に行われます。XML キャッシュに基づいてクエリすることも、Redis に配置することもできます)

2. 保険のため 安全のため、インターフェースが利用できない場合に測位に影響を与えないよう、経度と緯度に基づく一連の都市情報も独自のライブラリに保持します。

H5 GPS測位

 1  (function () { 2         var 3             isGeolocation = false, 4             lat = 0, 5             lng = 0, 6             coords = null; 7              8         if (navigator.geolocation) { isGeolocation = true; }; 9         if (isGeolocation) {10             function getPosSuccess(position) {11                 coords = position.coords;12                 lat = coords.latitude, lng = coords.longitude;13                 $.ajax({14                     type: 'GET',15                     dataType: 'json',16                     url: '/Home/GetPositionArea',17                     data: { 'lat': lat, 'lng': lng },18                     success: function (data) {19 20                     }21                 });22             };23             function getPosError(err) {24                 switch (err) {25                     case err.PERMISSION_DENIED:26                         console.log("您拒绝了共享位置,可手动选择城市。");27                         break;28                     case err.POSITION_UNAVAILABLE:29                         console.log("无法获取当前位置");30                         break;31                     case err.TIMEOUT:32                         console.log("获取位置超时");33                         break;34                     default:35                         console.log("未知错误");36                         break;37                 }38                 39             };40             navigator.geolocation.getCurrentPosition(getPosSuccess, getPosError, null);41         } else {42             43         };44 45     })();
ログイン後にコピー

Baiduインターフェースと組み合わせて特定の都市をクエリ

 JsonResult GetPositionArea( lng,  api = result =
ログイン後にコピー

以上がH5 と Baidu マップを組み合わせて GPS 測位を実現するサンプル チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート