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

この記事では主に、WeChat HTML5 ページでサードパーティの位置情報ナビゲーションを呼び出す例に関する関連情報を紹介します。参考になれば幸いです。あなた。

準備するもの:

1. WeChatによって認証された公開アカウント

2. 登録済みのドメイン名を持つ

背景:WeChat公開アカウント メニューバーをクリックしてh5ページにジャンプします。ナビゲーション機能を使用するには

要件:ユーザーがナビゲーション ボタンをクリックすると、ナビゲーション用のサードパーティ アプリにジャンプします

参考: WeChat パブリック アカウント開発ドキュメント

手順:

次の JS ファイルをページに導入しますJS インターフェイスを呼び出す必要があります (https をサポート): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN

jssdk の署名権限は、フロントエンドによって提供されます。他の WeChat API を使用している場合は、この手順を保存できると思います

"
wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，公众号的唯一标识
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名
    jsApiList: ['openLocation'] // 必填，需要使用的JS接口列表 这里填写需要用到的微信api openlocation为使用微信内置地图查看位置接口
});
"

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

ナビゲーションボタンイベントの登録ボタンをクリックし、wx.openLocation メソッドを呼び出します

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

クリック後、WeChat にジャンプします位置情報ページの右下隅にあるナビゲーションをクリックして、サードパーティのナビゲーションを表示します!

5. WeChat は gcj02 の座標を使用し、一部の地図は wgs84 の座標を使用します。受信する経度と緯度に問題があるかどうかを検討してください。詳細については Du Niang に問い合わせてください。

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