WeChat の H5 ページがサードパーティの位置情報ナビゲーションを呼び出す

今回は、WeChatのH5ページがサードパーティの位置情報ナビゲーションを呼び出すときの注意事項を紹介します。以下は実際的なケースです。見てみましょう。

WeChat h5 ページでサードパーティのナビゲーション アプリケーションが起動します

準備するもの:

1. WeChat によって認証されたパブリック アカウント

2. 登録済みのドメイン名を使用して

背景: 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的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
           appId: '', // 必填，公众号的唯一标识
           timestamp: , // 必填，生成签名的时间戳
           nonceStr: '', // 必填，生成签名的随机串
           signature: '',// 必填，签名
           jsApiList: ['openLocation'] // 必填，需要使用的JS接口列表 这里填写需要用到的微信api openlocation为使用微信内置地图查看位置接口
       });
       "

ここで注意する必要があるのは、オンラインになった後、そのデバッグを false に変更し、jsApiList に使用するインターフェースを入力する必要があります。そうしないと効果がありません

clickイベントをナビゲーション ボタンに登録し、wx.openLocation を呼び出します。方法

$('.btn2').click(function () {
            wx.openLocation({
                latitude: 22.545538, // 纬度，浮点数，范围为90 ~ -90
                longitude: 114.054565, // 经度，浮点数，范围为180 ~ -180。
                name: '这里填写位置名', // 位置名
                address: '位置名的详情说明', // 地址详情说明
                scale: 10, // 地图缩放级别,整形值,范围从1~28。默认为最大
            });
        })

クリックすると、WeChat の場所のページにジャンプします。右下隅のナビゲーションをクリックして、サードパーティのナビゲーションを表示します!

この記事の事例を読んだ後、あなたは方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事にご注目ください。

推奨読書:

テキストテクスチャオーバーレイを実装するフロントエンドテクノロジー

h5 複数の画像プレビューアップロードとクリックアンドドラッグコントロールを実装する

以上がWeChat の H5 ページがサードパーティの位置情報ナビゲーションを呼び出すの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。