Página WeChat h5 lança aplicativo de navegação de terceiros
O que você precisa preparar:
Antecedentes: a conta pública do WeChat clica na barra de menu para ir para a página h5, que requer a função de navegação
Requisito: quando o usuário clicar no botão de navegação, vá para o aplicativo de terceiros para navegação
Referência: Documentação de desenvolvimento de conta pública do WeChat
etapa:
Insira o seguinte arquivo JS na página que precisa chamar a interface JS (https é compatível): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
A permissão de assinatura do jssdk é fornecida pelo backend. O front-end só precisa injetar a permissão de assinatura no wx.config. Acredito que esta etapa pode ser salva se você tiver usado outras APIs do WeChat.
``` wx.config({ debug: true, // Ativa o modo de depuração. Os valores de retorno de todas as apis chamadas serão alertados no lado do cliente. Se você quiser visualizar os parâmetros recebidos, você pode abri-los em o lado do PC. As informações do parâmetro serão passadas O log é impresso, só será impresso no lado do PC. appId: '', // Obrigatório, o identificador exclusivo do carimbo de data/hora da conta oficial:, // Obrigatório, o carimbo de data/hora de. a assinatura gerada nonceStr: '', // Obrigatório, Gere uma assinatura de string aleatória da assinatura: '', // Obrigatório, assinatura jsApiList: ['openLocation'] // Obrigatório, lista de interfaces JS que precisam ser usadas. Preencha a API do WeChat que precisa ser usada aqui. Openlocation é a interface de localização usando o WeChat integrado. no mapa}); ```O que precisa ser observado aqui é que o debug deve ser alterado para false após ficar online, e a interface que você deseja usar deve ser preenchida no jsApiList, caso contrário não terá efeito.
Registre um evento de clique para o botão de navegação e chame o método wx.openLocation
$('.btn2').click(function () { wx.openLocation({ latitude: 22.545538, // Latitude, número de ponto flutuante, intervalo é 90 ~ -90 longitude: 114.054565, // Longitude, número de ponto flutuante, intervalo é 180 ~ -180 nome: 'Preencha o nome do local aqui', // Endereço do nome do local: 'Detalhes do nome do local', // Escala de descrição dos detalhes do endereço: 10, // Nível de zoom do mapa, valor de modelagem, variando de 1 a 28. O padrão é o máximo} });Depois de clicar, ele irá para a página de localização do WeChat. Clique na navegação no canto inferior direito para abrir a navegação de terceiros!
5. WeChat usa as coordenadas de gcj02, e alguns mapas usam as coordenadas de wgs84. Se o erro for relativamente grande, você pode considerar se é um problema com a longitude e latitude de entrada. Para obter detalhes, você pode perguntar a Du Niang.
O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.