Zwei Möglichkeiten, das WeChat-Miniprogramm mit Tencent Maps zu verbinden

Ich habe kürzlich ein WeChat-Applet geschrieben und bin auf einige Probleme gestoßen. Ich habe viel im Internet gesucht, aber nicht die gewünschte Antwort gefunden.

Ich habe mich gerade mit dem Problem dieser Karte befasst und es hier zusammengefasst, in der Hoffnung, dass es allen helfen kann.

Es gibt eigentlich zwei Möglichkeiten, in WeChat Mini-Programmen auf Tencent Maps zuzugreifen. Die erste besteht darin, Tencents eigene Karte aufzurufen, und die zweite darin, das Plug-In ma-route zu verwenden

1. Tencents eigene Karte aufrufen

Die Ergebnisse der Umsetzung sind wie folgt:

Dies ist sehr einfach und wird von vielen Menschen genutzt.

Sie müssen nur zwei Karten-APIs aufrufen.

Es sind die beiden oben. Wenn Sie openLocation aufrufen, müssen Sie natürlich zuerst getLocation zur Autorisierung aufrufen

Sie müssen die Informationen in app.json wie folgt konfigurieren:

Schreiben Sie die folgende Methode auf die Seite, auf der Sie zur Karte springen müssen:

Klicken

Kann Baidu Maps, Amap und andere Software von Drittanbietern anzeigen

Das Obige ist die erste Methode.

2. Die zweite Methode

Suchen Sie zunächst das WeChat-Applet

Fügen Sie das Plugin im Plugin-Manager hinzu

Anwendung:

Konfigurieren Sie zunächst in der Datei app.json

Zweitens konfigurieren Sie die Datei main.json in ihrem Verzeichnis

Ich habe es basierend auf mpvue geschrieben, daher unterscheidet es sich geringfügig von der Entwicklungsdokumentation

Holen Sie sich zuerst die Zieladresse von der Seite, zu der Sie weitergeleitet werden, und dann die aktuellen Standortkoordinaten über getLocation

Der Code lautet wie folgt:

Das Folgende ist die zweite Methode: das Effektbild nach dem Erfolg

Damit ist dieser Artikel über zwei Möglichkeiten zum Verbinden von WeChat-Miniprogrammen mit Tencent Maps abgeschlossen. Weitere Informationen zum Verbinden von WeChat-Miniprogrammen mit Tencent Maps 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!