Die WeChat h5-Seite startet eine Navigationsanwendung eines Drittanbieters
Was Sie vorbereiten müssen:
Hintergrund: Das öffentliche 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, springen Sie zur Navigation zur Drittanbieter-App
Referenz: Dokumentation zur Entwicklung öffentlicher WeChat-Konten
Schritt:
Fügen Sie die folgende JS-Datei in die Seite ein, die die JS-Schnittstelle aufrufen muss (https wird unterstützt): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
Die Signaturberechtigung von jssdk wird vom Backend bereitgestellt. Ich glaube, dieser Schritt kann eingespart werden, wenn Sie andere WeChat-APIs verwendet haben.
``` wx.config({ debug: true, // Debugging-Modus aktivieren. Die Rückgabewerte aller aufgerufenen APIs werden auf der Clientseite benachrichtigt. Wenn Sie die eingehenden Parameter anzeigen möchten, können Sie sie öffnen Die Parameterinformationen werden übergeben. Protokoll wird nur auf der PC-Seite gedruckt appId: '', // Erforderlich, die eindeutige Kennung des offiziellen Kontozeitstempels:, // Erforderlich, der Zeitstempel von die generierte Signatur nonceStr: '', // Erforderlich, Generieren Sie eine zufällige Zeichenfolgensignatur der Signatur: '', // Erforderlich, Signatur jsApiList: ['openLocation'] // Erforderlich, Liste der zu verwendenden JS-Schnittstellen. Füllen Sie hier die zu verwendende WeChat-API aus. in der Karte}); ```Hierbei ist zu beachten, dass Debug nach dem Online-Gehen auf false geändert werden muss und die Schnittstelle, die Sie verwenden möchten, in der jsApiList ausgefüllt werden muss, da dies sonst keine Auswirkungen hat.
Registrieren Sie ein Klickereignis für die Navigationsschaltfläche und rufen Sie die Methode wx.openLocation auf
$('.btn2').click(function () { wx.openLocation({ width: 22.545538, // Breitengrad, Gleitkommazahl, Bereich ist 90 ~ -90 longitude: 114.054565, // Längengrad, Gleitkommazahl, Bereich ist 180 ~ -180. Name: 'Geben Sie hier den Standortnamen ein', // Standortname Adresse: 'Details zum Standortnamen', // Beschreibungsmaßstab für Adressdetails: 10, // Kartenzoomstufe, Formwert im Bereich von 1 bis 28. Der Standardwert ist das Maximum} });Nach dem Klicken wird zur WeChat-Standortseite gesprungen. Klicken Sie auf die Navigation in der unteren rechten Ecke, um die Drittanbieter-Navigation aufzurufen.
5. WeChat verwendet die Koordinaten von gcj02 und einige Karten verwenden die Koordinaten von wgs84. Wenn der Fehler relativ groß ist, können Sie prüfen, ob es sich um ein Problem mit dem eingehenden Längen- und Breitengrad handelt. Sie können Du Niang nach Einzelheiten fragen.
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.