最近、WeChat アプレットを作成しているのですが、いくつか問題が発生しました。インターネットでいろいろ検索しましたが、必要な答えは見つかりませんでした。 私はこのマップの問題に対処し、それが皆様のお役に立てばと願ってここにまとめました。 WeChatミニプログラムでTencent Mapsにアクセスする方法は2つあります。1つ目はTencent独自のマップを呼び出すこと、2つ目はプラグインma-routeを使用することです。 1. テンセント独自の地図を呼び出す実装結果は次のとおりです。 これは非常にシンプルで、多くの人が使用しています。 呼び出す必要があるのは 2 つのマップ API だけです。 上の2つです。もちろん、openLocationを呼び出すときは、まず認証のためにgetLocationを呼び出す必要があります。 app.json 内の情報を次のように設定する必要があります。 マップにジャンプする必要があるページに次のメソッドを記述します。 クリック Baidu Maps、Amap、その他のサードパーティ製ソフトウェアをポップアップ表示できます 上記が最初の方法です。 2. 2番目の方法まず、WeChatアプレットを見つけます プラグインマネージャーでプラグインを追加する 方向: まずapp.jsonファイルで設定します 次に、そのディレクトリ内のmain.jsonファイルを設定します。 mpvueをベースに書いたので開発ドキュメントとは少し異なります まず、リダイレクト先のページから宛先アドレスを取得し、次にgetLocationを使用して現在の位置座標を取得します。 コードは次のとおりです。 以下は2番目の方法です:成功後の効果画像 WeChatミニプログラムをTencent Mapsに接続する2つの方法についての記事はこれで終わりです。WeChatミニプログラムをTencent Mapsに接続する方法の詳細については、123WORDPRESS.COMの以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも123WORDPRESS.COMをよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Typescriptを使用してWeChatミニプログラムを開発するための詳細な手順
>>: Vue ページレンダリングにおけるキーの適用例チュートリアル
目次共通バージョンの紹介共通バージョンのダウンロードアドレスとインストール以下に簡単な違いを示します...
序文CSS を使用して点線を生成するのは、フロントエンド開発者にとっては簡単です。一般的に、これを実...
Bツリーインデックス異なるストレージ エンジンでは、異なるストレージ構造を使用する場合もあります。た...
1. MySQLが以前にインストールされていたかどうかを確認するコマンド: rpm -qa|grep...
Centos6.5にmysql5.7.19をインストールするための詳細な手順は次のとおりです。 1....
目次序文1. データを抽出する2. エイリアス値3. 動的プロパティ4. オブジェクトの分解における...
目次setStateを使用する理由setStateの使用法非同期または同期更新要約するsetStat...
目次序文XA プロトコルMySQL XA で分散トランザクションを実装する方法序文MySQL が単一...
目次導入1. 異食症2. レナ3. コンプレッサー4. ファブリック5. ぼかす6. 画像を結合する...
目次利点1: diffアルゴリズムの最適化利点2: ホイスト静的静的リフティング利点3: cache...
HTML は Hypertext Markup Language の略です。現在、ほとんどの Web...
序文多くの MySQL テスト シナリオでは、テスト用に一部のテスト データを手動で生成する必要があ...
目次序文文章1. 終了1.1 クロージャとは何ですか? 1.2 クロージャの特性1.3 クロージャを...
絶対 URL は、インターネット上の特定のファイルに必要なすべてのコンテンツを表すために使用されます...
重要な注意: この記事を読む前に、Docker コンテナに関する知識と、一般的な Docker 操作...