Aplicación rápida con conjunto de localización: desarrolladores de Huawei

Hola,
En este artículo, veremos cómo podemos integrar el kit de ubicación HMS, que podemos usar cuando necesitamos información de ubicación del usuario mientras usamos la aplicación rápida, en nuestra aplicación rápida.
Comencemos por informar a nuestro archivo manifest.json de QuickApp que usaremos la propiedad “system.geolocation”:

También agregué la función “system.prompt” porque agregué algunos detalles al usuario como “toastr”, es decir, el mensaje que aparece en la aplicación, y puedes incluir esta función en el archivo manifest.json si quieres aprovechar esta función. En este momento, la sección de “características” en el archivo manifest.json de nuestra aplicación debería verse así:

Ahora podemos comenzar a diseñar la página de inicio de nuestra aplicación. Habrá 3 funciones en nuestra aplicación y estas funciones se iniciarán mediante un botón;

  1. Detecta la ubicación del usuario
  2. Proporciona información detallada (busca) sobre la ubicación del usuario.
  3. Muestra la ubicación actual del usuario en el mapa.

Comenzaré creando los botones y cuerpos de función de la aplicación:

Creé el esqueleto de mi solicitud. Cuando miramos la interfaz, dicha interfaz debería saludarnos:

Ahora completemos nuestras características para que podamos usar el kit de ubicación, al comienzo de la sección Yo llamo geolocalización:

Ahora crearé una función dejando los valores en la función “getLocation” en la sección de datos y obteniendo una retroalimentación para poder llamarla para que aparezcan los valores lat / long apropiados en el mapa:

Ahora puedo usar esta información para recuperar la información en los valores lat / long apropiados y mostrarla en el mapa de la siguiente manera:

Echemos un vistazo a la imagen de nuestra aplicación:

Puede consultar el código fuente de la aplicación en el repositorio de Github:

Si tiene alguna pregunta o problema, comuníquese con [email protected] o Foro de desarrolladores de Huawei.

Puede ver documentación detallada para la aplicación rápida aquí y documentación oficial de integración de Quick App y Push Kit aquí.

Espero verte en mi próximo post 🙂

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *