1. Rendern2. Bedienungsschritte1. Beantragen Sie den Tencent Map-Schlüssel – Adresse 2. Fügen Sie dem Miniprogrammhintergrund das Tencent-Plug-In hinzu - Entwicklungsdokument 3. Mini-Programmcode app.json Einstellungen let plugin = requirePlugin('routePlan'); let key = ''; //Verwende den im Tencent-Standortdienst beantragten Schlüssel let referer = ''; //Der Name der App, die das Plugin aufruft let endPoint = JSON.stringify({ //Endpunkt 'name': 'Yoshinoya (Peking Westbahnhof Nordausgang)', 'Breitengrad': 39.89631551, 'Längengrad': 116.323459711 }); wx.navigateTo({ URL: 'plugin://routePlan/index?key=' + Schlüssel + '&referer=' + Referer + '&endPoint=' + Endpunkt }); Oder Sie nutzen die eingebaute Kartennavigation des Applets Verwenden Sie die im Applet integrierten Karten wx.getLocation und wx.openLocationOffizieller Website-Link //wxml <button type="default" bindtap="openMap">Karte öffnen</button> //js Seite({ Daten: { }, openMap: Funktion () { wx.getLocation({ Typ: „gcj02“, // Standard ist wgs84, das GPS-Koordinaten zurückgibt, gcj02 gibt Koordinaten zurück, die für wx.openLocation verwendet werden können. Erfolg: Funktion (res) { // Erfolg Konsole.log(Res.Breitengrad); Konsole.log(Auflösung.Längengrad); wx.openLocation({ latitude: res.latitude, // Breitengrad, Bereich ist -90~90, negative Zahl gibt südlichen Breitengrad an longitude: res.longitude, // Längengrad, Bereich ist -180~180, negative Zahl gibt westlichen Längengrad an scale: 28, // Skalierungsverhältnis name:"Name des zu findenden Ortes (dieses und jenes Restaurant)", Adresse: „Adresse: Detaillierte Beschreibung des Zielortes“ }) } }) } }) ZusammenfassenDies ist das Ende dieses Artikels zur Implementierung der Navigation in WeChat Mini-Programmen. Weitere Informationen zur Navigationsfunktion in WeChat Mini-Programmen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: Tutorial zur Master-Slave-Konfiguration der MySQL-Datenbank unter Windows
>>: Beispiel für die Konfiguration mehrerer SSL-Zertifikate für eine einzelne Nginx-IP-Adresse
Frontend ist ein harter Job, nicht nur weil sich ...
Die folgenden Schritte werden alle auf meiner vir...
Inhaltsverzeichnis 1. Baidu Map API-Zugriff 2. Ve...
1. Einführung in Inode Um Inode zu verstehen, müs...
1. Datensicherung 1. Verwenden Sie den Befehl mys...
Entpacken Sie das Maven-Paket tar xf apache-maven...
Installieren Sie Grafana. Die offizielle Website ...
Die Standard-Übermittlungsmethode von HTML ist get...
Win10 + Ubuntu 20.04 LTS Dual-System-Installation...
Mit CSS3 können Animationen erstellt werden, die ...
Erstellen des Images Es gibt zwei Hauptmethoden z...
1. Herunterladen 1. Klicken Sie auf den neuesten ...
Wenn nginx proxy_pass konfiguriert, ist der Unter...
Das Temperament einer Web-Frontend-Website ist ein...
Ergebnis: Implementierungscode html <div id=&q...