Miniprogramm zum Erlernen der Geolokalisierung und Anzeige von Städtenamen

In diesem Artikel erfahren Sie, wie das Miniprogramm lernt, wie man eine geografische Positionierung erhält und Städtenamen anzeigt, sodass jeder verstehen kann, wie der entsprechende Städtename bei der Positionierung im WeChat-Miniprogramm angezeigt wird. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Ich habe mir kürzlich das WeChat-Miniprogramm angesehen und bin auf ein Problem mit der Geolokalisierung bei der Anzeige von Städtenamen gestoßen. In diesem Artikel wird der Prozess zur Lösung dieses Problems aufgezeichnet.

Lösung

Die wx.getLocation() des Applets ermittelt den Längen- und Breitengrad und enthält nicht den Ortsnamen. Sie müssen also den Längen- und Breitengrad verwenden. Die entsprechende Karte konvertiert den Ortsnamen (dieser Artikel verwendet die Baidu-Karte).

Prozess

1. Code:

1), detaillierte Codeerklärung:

wx.getLocation(object): Ermitteln Sie den aktuellen geografischen Standort und die aktuelle Geschwindigkeit.

Hinweis: Für die Geolokalisierungsberechtigung ist eine Benutzerautorisierung erforderlich .

Eine detaillierte Parameterbeschreibung finden Sie in der Miniprogramm-API: https://developers.weixin.qq.com/miniprogram/dev/api/location.html#wxgetlocationobject

Nehmen wir ein Schauen Sie sich wx an. Daten, die nach dem Erfolg von getLocation() erhalten wurden:

Aus den erhaltenen Daten können wir erkennen, dass es keinen Ortsnamen gibt, den wir wollen, also müssen wir ihn haben Konvertieren Sie den Längen- und Breitengrad in Für die entsprechenden Ortsnamen verwendet dieser Artikel die entsprechende Funktion von Baidu Map, um die entsprechenden Ortsnamen zu konvertieren.

2), Baidu-Kartenvorbereitung

①, bevor Sie die Baidu-Karten-API verwenden, müssen Sie zuerst den Baidu-Kartenschlüssel ak erhalten, ak ist generiert von Baidu Maps; Öffnen Sie die offene Baidu Maps-Plattform, wählen Sie „WeChat Mini Program JavaScript API“ und klicken Sie auf „Abrufen“. Started Guide“ „Es gibt eine detaillierte Einführung zum Generieren des Schlüssels ak, die in diesem Artikel nicht vorgestellt wird. Referenzdokument: http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key

③ Kopieren Sie das generierte Ak und fügen Sie das Ak in das Miniprogramm ein Mitte. Tatsächlich stellt Baidu Maps ein komprimiertes Paket der vom Miniprogramm verwendeten Karten-API bereit, aber aufgrund von Größenbeschränkungen beim Veröffentlichen des Miniprogramms habe ich mich für die Verwendung von Links entschieden.

Adresse des Baidu-Karten-Online-Konvertierungslinks: https://api.map.baidu.com/geocoder/v2/?ak=obtained AK&location=' + Breitengrad + ',' + Längengrad + '&output= json'

④ Melden Sie sich mit dem Mini-Programmkonto bei der öffentlichen WeChat-Plattform (https://mp.weixin.qq.com/) an, wählen Sie „Entwicklungseinstellungen“ unter „Einstellungen“ und ändern Sie Baidu Karten-API Die URL wird zum legitimen Domänennamen der Anfrage hinzugefügt.

Hinweis:

Baidu Map bietet ein Download-Paket für die Mini-Programm-API. Wenn Sie keine Link-Adresse verwenden möchten, können Sie beim Veröffentlichen von Mini-Programmen das Download-Paket verwenden , dieser Artikel verwendet Links, die Adresse verwendet nicht das Download-Paket.

　

　

⑤ Zu diesem Zeitpunkt sind die Vorbereitungsarbeiten abgeschlossen und Sie können den entsprechenden Ortsnamen direkt entsprechend dem Längen- und Breitengrad im Miniprogramm umrechnen. Der Code ist wie unten gezeigt.

Werfen wir einen Blick auf die Parameterausgabe im Erfolgsfall:

Es muss einen davon geben erhaltene Parameter. Geeignet für Sie~~~

2. Im Anhang finden Sie den vollständigen Code:

Datenbindung in wxml.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonMiniprogramm zum Erlernen der Geolokalisierung und Anzeige von Städtenamen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!