La página WeChat h5 lanza una aplicación de navegación de terceros
Qué necesitas preparar:
Antecedentes: la cuenta pública de WeChat hace clic en la barra de menú para saltar a la página h5, lo que requiere la función de navegación
Requisito: cuando el usuario hace clic en el botón de navegación, salte a la aplicación de terceros para navegar
Referencia: documentación de desarrollo de cuentas públicas de WeChat
paso:
Introduzca el siguiente archivo JS en la página que necesita llamar a la interfaz JS (se admite https): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
El permiso de firma de jssdk lo proporciona el backend. El front-end solo necesita inyectar el permiso de firma en wx.config. Creo que este paso se puede guardar si ha utilizado otras API de WeChat.
``` wx.config({ debug: true, // Activa el modo de depuración. Los valores de retorno de todas las API llamadas serán alertados en el lado del cliente. Si deseas ver los parámetros entrantes, puedes abrirlos en el lado de la PC La información del parámetro se pasará. El registro se imprime, solo se imprimirá en el lado de la PC: '', // Requerido, el identificador único de la marca de tiempo de la cuenta oficial:, // Requerido, la marca de tiempo de. la firma generada nonceStr: '', // Obligatorio, genera una firma de cadena aleatoria de la firma: '', // Obligatorio, firma jsApiList: ['openLocation'] // Obligatorio, lista de interfaces JS que deben usarse. Complete aquí la API de WeChat que debe usarse. Openlocation es la interfaz de ubicación que utiliza la interfaz integrada de WeChat. en el mapa}); ```Lo que debe tenerse en cuenta aquí es que la depuración debe cambiarse a falso después de conectarse y la interfaz que desea utilizar debe completarse en jsApiList; de lo contrario, no tendrá ningún efecto.
Registre un evento de clic para el botón de navegación y llame al método wx.openLocation
$('.btn2').click(function () { wx.openLocation({ latitud: 22.545538, // Latitud, número de coma flotante, rango es 90 ~ -90 longitud: 114.054565, // Longitud, número de coma flotante, rango es 180 ~ -180 nombre: 'Complete el nombre de la ubicación aquí', // Dirección del nombre de la ubicación: 'Detalles del nombre de la ubicación', //. Escala de descripción de los detalles de la dirección: 10, // Nivel de zoom del mapa, valor de configuración, que va de 1 a 28. El valor predeterminado es el máximo} }).Después de hacer clic, saltará a la página de ubicación de WeChat. Haga clic en la navegación en la esquina inferior derecha para abrir la navegación de terceros.
5. WeChat usa las coordenadas de gcj02 y algunos mapas usan las coordenadas de wgs84. Si el error es relativamente grande, puede considerar si se trata de un problema con la longitud y latitud entrantes. Para obtener más detalles, puede preguntarle a Du Niang.
Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.