So rufen Sie die Standortnavigation eines Drittanbieters auf der WeChat-HTML5-Seite auf

Dieser Artikel stellt Ihnen hauptsächlich relevante Informationen zum Aufrufen der Standortnavigation von Drittanbietern auf der WeChat-HTML5-Seite vor. Jetzt werde ich sie mit Ihnen teilen und Ihnen hoffentlich eine Referenz geben kann dir helfen.

Was Sie vorbereiten müssen:

1. Ein von WeChat zertifiziertes öffentliches Konto

2. Ein registrierter Domainname

Hintergrund: Das offizielle WeChat-Konto klickt auf die Menüleiste, um zur h5-Seite zu springen, für die die Navigationsfunktion erforderlich ist

Anforderung: Wenn der Benutzer auf die Navigationsschaltfläche klickt, springt er zur dritten Seite. Party-App für die Navigation

Referenz: Entwicklungsdokument für öffentliche WeChat-Konten

Schritte:

Fügen Sie die folgende JS-Datei auf der Seite ein, die die JS-Schnittstelle aufrufen muss (unterstützt https ): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN

Diese Berechtigung wird nur vom Backend bereitgestellt Fügen Sie die Signaturberechtigung in wx.config ein. Ich glaube, dass dieser Schritt zum Übergeben anderer WeChat-APIs weggelassen werden kann

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

Hier ist zu beachten, dass Debug nach dem Ausführen auf „false“ geändert werden muss online, und die jsApiList muss mit der Schnittstelle gefüllt sein, die Sie verwenden möchten, sonst hat sie keine Wirkung

Registrieren Sie ein Klickereignis für die Navigationsschaltfläche und rufen Sie die wx.openLocation-Methode auf

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

Nachdem Sie darauf geklickt haben, wird auf die Navigationsseite in der unteren rechten Ecke gesprungen.

5. WeChat verwendet die Koordinaten von gcj02 die Koordinaten von wgs84. Wenn der Fehler relativ groß ist, können Sie überlegen, ob es sich um ein Problem mit dem eingehenden Längen- und Breitengrad handelt. Für Einzelheiten können Sie Du Niang fragen

Das obige ist der detaillierte Inhalt vonSo rufen Sie die Standortnavigation eines Drittanbieters auf der WeChat-HTML5-Seite auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!