ホームページ >ウェブフロントエンド >H5 チュートリアル >WeChat の H5 ページがサードパーティの位置情報ナビゲーションを呼び出す
今回は、WeChatのH5ページがサードパーティの位置情報ナビゲーションを呼び出すときの注意事項を紹介します。以下は実際的なケースです。見てみましょう。
WeChat h5 ページでサードパーティのナビゲーション アプリケーションが起動します
準備するもの:
WeChat によって認証されたパブリック アカウント
登録済みのドメイン名を使用して
背景: 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 サイトの他の関連記事を参照してください。