現在の位置、経度、緯度を取得し、地図を表示する WeChat アプレット-ミニプログラム開発-php.cn

現在の位置、経度、緯度を取得し、地図を表示する WeChat アプレット

不言

リリース： 2018-06-23 09:22:38

オリジナル

10172 人が閲覧しました

この記事では、現在位置、経度、緯度、地図表示を取得するための WeChat アプレットを主に紹介します。これで、必要な友人に参照できるようになりました。私は最近 WeChat アプレットに取り組んでいます。その構造と関連するインターフェイスを理解した後、ユーザーの現在位置の経度と緯度を取得し、位置情報を表示するための小さなプログラムを実装する準備が整いました。地図を作成し、地図を通じてさまざまな場所の経度と緯度を取得します。

私は最近 WeChat ミニプログラムに触り始めたばかりで、その構造と関連するインターフェイスを理解した後、ユーザーの現在位置の経度と緯度を取得したり、画面を表示したりする機能を実装する準備が整いました。地図上の位置を確認したり、地図を通じてさまざまな場所の位置を取得したりできます。

WeChat アプレットの主要部分には以下が含まれます:

新しいページは app.json で設定する必要があります:

 "pages":[
  "pages/index/index",
  "pages/location/location",
  "pages/logs/logs"
 ]

ログイン後にコピー

ビュー層で bindingtap を呼び出してロジック層のメソッドを照合する- 実装ページジャンプ:

ビュー層

 <view class="location" bindtap="locationViewTap">
  <button>获取用户当前位置</button>
 </view>

ログイン後にコピー

ロジック層

 locationViewTap: function(){
  wx.navigateTo({
   url: &#39;../location/location&#39;
  })
 }

ログイン後にコピー

ビュー層でbindtapを呼び出してロジック層のメソッドと一致させる - メソッド呼び出しの実装:

ビュー層

  <button bindtap="mapViewTap" style="margin:10px">查看地图</button>
  <button bindtap="chooseMapViewTap" style="margin:10px">选择位置</button>

ログイン後にコピー

論理レイヤー

 mapViewTap:function(){
    wx.getLocation({
     type: &#39;gcj02&#39;, //返回可以用于wx.openLocation的经纬度
     success: function(res) {
      console.log(res)
      wx.openLocation({
       latitude: res.latitude,
       longitude: res.longitude,
       scale: 28
      })
    }
   })
 }

ログイン後にコピー

マップの位置に関連する 3 つのインターフェイス:

(1) wx.getLocation(OBJECT) 現在の地理的位置と速度を取得します

成功の戻りパラメーター:

緯度経度speedaccuracy (2) wx.openLocation(OBJECT) WeChat の組み込みマップを使用して位置を表示します

緯度、浮動小数点数、範囲は-90~90、負の数値は南緯を表します
経度、浮動小数点数、範囲は-180~180、負の数値は西経を表します
速度、浮動小数点数、単位 m/s
位置の精度

OBJECT パラメーターの説明:

Parameterslatitude経度スケールnameaddresssuccess failcomplete(3) wx.chooseLocation(OBJECT ) 地図を開いて場所を選択 cSuccess Return Parameter:

Type	Required	Description
Float	は、-90~の範囲の	緯度です90、負の数値は南緯を表します
Float	はい	経度、範囲は-180~180、負の数値は西経を意味します
INT	いいえ	スケーリング比、範囲は5~18、デフォルトは18
String	No	Location name
String	No	住所の詳細な説明
関数	いいえ	インターフェース呼び出し成功callback function
Function	No	インターフェース呼び出しが失敗したときのコールバック関数
Function	No	インターフェース呼び出しが終了したとき（実行が成功または失敗したとき）のコールバック関数

Name 場所名緯度経度

効果を実現します

getLocation を使用して現在の場所の経度と緯度の座標を取得し、openLocation を使用して WeChat 組み込み地図を開いて表示します

chooseLocation を使用して場所を選択し、リアルタイム応答での位置情報の経度と緯度

注:) (1) GetLocation() を使用して取得されたマップパラメータ情報は 2 つだけです

の値には json データが含まれます。

論理レイヤーは WXML ファイル {{json}} を通じて表示できます:

以上がこの記事の全内容です。その他の関連コンテンツについては、ご注目ください。 PHP中国語ネット！

	Address
詳細な住所
緯度、浮動小数点数、-90～90の範囲、負の数の負の数、負の数南緯を表します
経度、浮動小数点数、範囲は-180～180、負の数は西を表します経度