Utilice el complemento de planificación de rutas de ubicación de Tencent para la enseñanza de niñeras en Uniapp

En primer lugar, debemos hacer algunos preparativos antes de utilizar el complemento de mapas de Tencent.

1: Necesitamos registrar una cuenta en Tencent Map Location Service y crear una aplicación y clave en la consola
Insertar descripción de la imagen aquí
Insertar descripción de la imagen aquí

Aquí, al crear una aplicación, se debe seleccionar el tipo de aplicación como tipo de fila; de lo contrario, pueden surgir problemas más adelante.

Insertar descripción de la imagen aquí
Después de crear la aplicación, haga clic en Crear clave para escribir.
Insertar descripción de la imagen aquí
Durante el proceso de agregar la clave, necesitamos usar nuestro APPID. Esta es la configuración en nuestro subprograma WeChat. Encuentre nuestro APPID en él.
Enlace del mini programa: https://mp.weixin.qq.com/wxamp/basicprofile/index?token=798022700&lang=zh_CN
Insertar descripción de la imagen aquí
Luego copie este APPID y péguelo en nuestra tabla de creación
Insertar descripción de la imagen aquí
3: Luego necesitamos descargar JavascriptSDK.
Insertar descripción de la imagen aquí
Insertar descripción de la imagen aquí
En este momento , se informará un error, necesitamos agregar este puntero delante de nuestro qqmapsdk en onload y onshow, aquí también necesitamos obtener nuestro valor clave y agregarlo a nuestra clave

También debemos tener en cuenta aquí que debemos legalizar nuestro nombre de dominio.

Insertar descripción de la imagen aquí

4: Agregamos un complemento al mini programa.
Insertar descripción de la imagen aquí
Insertar descripción de la imagen aquí
Insertar descripción de la imagen aquí
Insertar descripción de la imagen aquí
Después de organizar parte de la información anterior, aparecerá la siguiente situación en la configuración de terceros de nuestra página del mini programa. Luego hacemos clic en los detalles para ingresar a nuestro documento oficial, y luego seguimos el tutorial del documento
Insertar descripción de la imagen aquí
Primero, configuramos el subprograma para permitir servicios de ubicación. Aquí está desarrollado en el subprograma WeChat, por lo que abrimos el archivo manifest.json en Hbuilder y lo configuramos en mp-weixin en la vista de código fuente.
Insertar descripción de la imagen aquí
Insertar descripción de la imagen aquí
Luego lo usamos de acuerdo con el tutorial en el documento oficial
Insertar descripción de la imagen aquí
, para que podamos implementar este complemento de planificación de rutas de Tencent Map. Si aún tiene alguna pregunta, puede enviar un mensaje privado y comentar.

Supongo que te gusta

Origin blog.csdn.net/qq_53509791/article/details/132223764
Recomendado
Clasificación