1. レンダリング2. 操作手順1. テンセントマップキーを申請する - 住所 2. ミニプログラムのバックグラウンドにTencentプラグインを追加する - 開発ドキュメント 3. ミニプログラムコード app.json 設定 プラグインを requirePlugin('routePlan') に設定します。 let key = ''; //Tencentの位置情報サービスで申請したキーを使用する let referer = ''; //プラグインを呼び出すアプリの名前 let endPoint = JSON.stringify({ //エンドポイント 'name': '吉野家(北京西駅北口)', '緯度': 39.89631551, 「経度」: 116.323459711 }); wx.navigateTo({ url: 'plugin://routePlan/index?key=' + キー + '&referer=' + リファラー + '&endPoint=' + エンドポイント }); または、アプレットに組み込まれたマップナビゲーションを使用することもできます。 アプレットの組み込みマップwx.getLocationとwx.openLocationを使用する公式サイトリンク //wxml <button type="default" bindtap="openMap">地図を開く</button> //js ページ({ データ: { }, オープンマップ: 関数 () { wx.getLocation({ type: 'gcj02', // デフォルトは wgs84 で GPS 座標を返し、gcj02 は wx.openLocation に使用できる座標を返します。成功: function (res) { // 成功 コンソールにログ出力します。 console.log(res.経度); wx.openLocation({ latitude: res.latitude, // 緯度、範囲は -90~90、負の数は南緯を示します longitude: res.longitude, // 経度、範囲は -180~180、負の数は西経を示します scale: 28, // スケーリング比 name:"検索する場所の名前 (そのようなレストラン)", address: 「住所: 行く場所の詳細な説明」 }) } }) } }) 要約するWeChatミニプログラムにナビゲーションを実装する方法についての記事はこれで終わりです。WeChatミニプログラムのナビゲーション機能の詳細については、123WORDPRESS.COMの以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も123WORDPRESS.COMを応援してください。 以下もご興味があるかもしれません:
|
<<: Windows での MySQL データベースのマスター/スレーブ構成チュートリアル
>>: 単一の Nginx IP アドレスに複数の SSL 証明書を設定する例
1. データベースのタイムゾーンを確認する '%time_zone' のような変数を...
この記事の例では、ショッピングカート機能を実装するためのvuexの具体的なコードを参考までに共有して...
目次概要オブジェクトにメソッドを定義するオブジェクトリテラルオブジェクトプロトタイプ動的コンテキスト...
なぜこのような記事を書いたかというと、数日前の夜、仕事が終わろうとしていたときに、業務側で突然、テー...
クラスターを構成する際に問題が発生しました。当初は 3 台の仮想マシンすべてが外部ネットワークに p...
目次1 配列のフラット化とは何ですか? 2 JS標準ライブラリの配列フラット化メソッド3 フラットメ...
ssh-secure シェルは、安全なリモート ログインを提供します。組み込みシステムを開発し、Li...
1. 実験環境シリアルナンバープロジェクトソフトウェアとバージョン1オペレーティング·システムCen...
概要バックアップは災害復旧の基礎であり、システム操作エラーやシステム障害によるデータ損失を防ぐために...
複数行を超えるテキストをインターセプトするための HTML コードは次のとおりです。 HTML:コー...
HTML と CSS で、ボタンの色を設定したいとします。 目的の効果は得られますが、プロセスはかな...
CentOS 6 以前のバージョンでは、MySQL サーバー/クライアント インストール パッケージ...
スプライトカウダウンロード CSS リントダウンロード プレフィックスダウンロード 1140px C...
目次1. 通常どのようなコンテンツを処理する必要があるか2. 基本的な考え方3. 具体的な実践の詳細...
この記事では、vueカードスタイルのクリックして切り替える画像コンポーネントを参考までに紹介します。...