WeChat h5 ページでサードパーティのナビゲーション アプリケーションが起動
準備する必要があるもの:
背景: WeChat パブリック アカウントはメニュー バーをクリックして h5 ページにジャンプします。これにはナビゲーション機能が必要です。
要件: ユーザーがナビゲーション ボタンをクリックすると、ナビゲーション用のサードパーティ アプリにジャンプします
参考: WeChat パブリック アカウント開発ドキュメント
ステップ：
JS インターフェイスを呼び出す必要があるページに次の JS ファイルを導入します (https がサポートされています): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
jssdk の署名権限はバックエンドによって提供されます。フロントエンドは署名権限を wx.config に挿入するだけで済みます。他の WeChat API を使用している場合は、この手順を保存できると思います。
``` wx.config({ debug: true, // デバッグ モードをオンにします。呼び出されたすべての API の戻り値は、クライアント側で警告されます。受信したパラメーターを表示したい場合は、それらを開くことができますPC 側にパラメータ情報が渡されます。 ログが出力されます。PC 側でのみ出力されます。 appId: '', // 必須、公式アカウントの一意の識別子 timestamp:, // 必須、タイムスタンプ。生成された署名 nonceStr: '', // 必須、署名のランダムな文字列署名を生成します。 '', // 必須、署名 jsApiList: ['openLocation'] // 必須、使用する必要がある JS インターフェイスのリスト ここで使用する必要がある WeChat API を入力します。 Openlocation は、WeChat の組み込みのロケーション インターフェイスです。マップ内});ここで注意する必要があるのは、オンラインになった後にデバッグを false に変更する必要があること、および使用するインターフェイスを jsApiList に入力する必要があることです。そうしないと効果がありません。
ナビゲーションボタンのクリックイベントを登録し、wx.openLocationメソッドを呼び出します。
$('.btn2').click(function () { wx.openLocation({ latitude: 22.545538, // 緯度、浮動小数点数、範囲は 90 ～ -90 経度: 114.054565, // 経度、浮動小数点数、範囲は 180 ～ -180 です。 name: '地名をここに入力します', // 地名 address: '地名の詳細', //アドレス詳細説明スケール: 10, // マップのズーム レベル、整形値、範囲は 1 ～ 28。デフォルトは最大値です。});クリックすると、WeChat の位置ページにジャンプします。右下隅のナビゲーションをクリックして、サードパーティのナビゲーションを表示します。
5. WeChat は gcj02 の座標を使用し、一部の地図は wgs84 の座標を使用します。誤差が比較的大きい場合は、受信した経度と緯度に問題があるかどうかを検討できます。詳細については、Du Niang に問い合わせてください。
以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。