El subprograma aprende cómo obtener la ubicación geográfica y mostrar el nombre de la ciudad.

Esta publicación le brinda el contenido del mini programa para aprender cómo obtener la ubicación geográfica y mostrar el nombre de la ciudad, para que todos puedan entender cómo mostrar el nombre de la ciudad correspondiente al posicionarse en el mini programa WeChat. Tiene cierto valor de referencia. Los amigos que lo necesiten pueden consultarlo. Espero que sea útil para todos.

Cuando estaba mirando el mini programa WeChat recientemente, encontré un problema con el posicionamiento de la ubicación geográfica que muestra los nombres de las ciudades. Este artículo registra el proceso de resolución de este problema.

Solución

El subprograma wx.getLocation() obtiene la longitud y la latitud sin incluir el nombre del lugar, por lo que el nombre del lugar debe convertirse a partir de la longitud y la latitud y el mapa correspondiente. (En el mapa de este artículo se utiliza Baidu).

Proceso

1, código:

1), detalles del código:

wx.getLocation(object): obtiene la ubicación geográfica actual Ubicación, velocidad.

Nota: Los usuarios deben autorizar permisos de ubicación geográfica.

Verifique la API del miniprograma:/miniprogram/dev/api/location.html#wxgetlocationobject

Echemos un vistazo a los datos obtenidos después de que wx.getLocation() tenga éxito:

p>

De los datos obtenidos, podemos ver que no queremos usar wx.getLocation(). Podemos ver que no queremos nombres de lugares, por lo que necesitamos convertir la longitud y la latitud en nombres correspondientes. Este artículo utiliza las funciones correspondientes de Baidu Map para convertir los nombres correspondientes.

② Trabajo de preparación para Baidu Map

① Antes de usar Baidu Map API, primero debe obtener la clave ak de Baidu Map ak generada por Baidu Map Party; p>

② Abra la plataforma abierta Baidu Map y seleccione "Documentos de desarrollo"> "Mini programa WeChat JavaScript"> "Mini programa WeChat JavaScript"> "Mini programa WeChat JavaScript"> "WeChat Mini programa JavaScript"> "WeChat. Mini programa JavaScript">. La "API de JavaScript del mini programa WeChat" detalla cómo generar la clave ak en la "Guía de introducción" y no se presentará en este artículo.

Documento de referencia:/index.php?title=wxjsapi/guide/key

③ Copie el ak generado y péguelo en el mini programa. De hecho, Baidu Maps tiene un paquete comprimido que proporciona la API de mapas, que se puede usar en el miniprograma, pero debido al límite de tamaño cuando se lanzó el miniprograma, elegí usar enlaces.

Dirección del enlace de conversión en línea del mapa de Baidu: /geocoder/v2/?ak=get AK&location='+latitude+','+longitude+'&output=json'

④ Utilice el mini programa. Inicie sesión en la plataforma pública WeChat (/) con su cuenta, seleccione "Configuración de desarrollo" en "Configuración" y agregue la URL de Baidu Map API al nombre de dominio legal solicitado.

Nota: Baidu Maps proporciona un paquete de descarga para la API del Mini Programa. Si no desea utilizar la dirección del enlace, puede utilizar el paquete de descarga. Debido a las restricciones en la escala del lanzamiento del Mini Programa. la dirección de enlace utilizada en este artículo no utiliza el paquete de descarga.

5. En este punto, el trabajo de preparación se ha completado. Puede convertir directamente el nombre del lugar correspondiente según la longitud y latitud en el programa.

1. La salida del parámetro es exitosa:

Debe haber parámetros adecuados para usted en la colección ~~~

2.

wxml para enlace de datos.

Resumen: