最近、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 ページレンダリングにおけるキーの適用例チュートリアル
この記事では、ES6 の for ... of ループについて説明します。古い方法以前は、JavaS...
JS でよく使用されるイベントは次の通りです。ページイベント: load;フォーカス イベント: フ...
長い引用には blockquote を、短い引用には q を、参考文献には cite を使用します。...
1. MySQLインストールパッケージをダウンロードするまず、https://dev.mysql.c...
序文Mac システムのターミナルでファイルの権限を変更するには、Linux の chmod コマンド...
今日、リモートデスクトップを実行してログインしているときにこのプロンプトを見つけました「MySQL ...
この記事では、全選択または選択を反転する機能を実現するためのJavaScriptの具体的なコードを参...
1 背景JDK1.8-u181とTomcat8.5.53がインストールされました。インストール後、環...
Unix/Linux サービスsystemd サービス操作プロセス1. JDKがインストールされたC...
オープンソース ソフトウェアである Apache は、最も広く使用されている Web アプリケーショ...
目次1. 依存関係をインストールする2. vue.config.js ファイルで pwa を設定しま...
基本概念現在の読み取りとスナップショットの読み取りMVCC では、読み取り操作はスナップショット読み...
導入定期的にヘルスチェックを送信して、アップストリーム グループ内の HTTP サーバーのヘルスを監...
今日は、興味深いトピックについてお話ししましょう。データベースとテーブルを分割することを検討する前に...
この記事では、JavaScriptでじゃんけんゲームを書くための具体的なコードを参考までに紹介します...