La page WeChat h5 lance une application de navigation tierce
Ce que vous devez préparer :
Contexte : le compte public WeChat clique sur la barre de menu pour accéder à la page h5, ce qui nécessite la fonction de navigation
Condition : lorsque l'utilisateur clique sur le bouton de navigation, accédez à l'application tierce pour la navigation.
Référence : Documentation sur le développement du compte public WeChat
étape:
Introduisez le fichier JS suivant dans la page qui doit appeler l'interface JS (https est pris en charge) : http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
L'autorisation de signature de jssdk est fournie par le backend. Le front-end n'a besoin que d'injecter l'autorisation de signature dans wx.config. Je pense que cette étape peut être enregistrée si vous avez utilisé d'autres API WeChat.
``` wx.config({ debug: true, // Activer le mode débogage. Les valeurs de retour de toutes les apis appelées seront alertées côté client. Si vous souhaitez afficher les paramètres entrants, vous pouvez les ouvrir sur côté PC. Les informations sur les paramètres seront transmises. Le journal est imprimé, il ne sera imprimé que côté PC. appId : '', // Obligatoire, l'identifiant unique de l'horodatage du compte officiel :, // Obligatoire, l'horodatage de la signature générée nonceStr : '', // Obligatoire, Générer une signature de chaîne aléatoire de la signature : '', // Obligatoire, signature jsApiList : ['openLocation'] // Obligatoire, liste des interfaces JS qui doivent être utilisées. Remplissez l'API WeChat qui doit être utilisée ici. Openlocation est l'interface de localisation utilisant l'interface intégrée de WeChat. dans la carte}); ```Ce qui doit être noté ici, c'est que debug doit être modifié en false après la mise en ligne et que l'interface que vous souhaitez utiliser doit être renseignée dans la jsApiList, sinon cela n'aura aucun effet.
Enregistrez un événement de clic pour le bouton de navigation et appelez la méthode wx.openLocation
$('.btn2').click(function () { wx.openLocation({ latitude : 22,545538, // Latitude, nombre à virgule flottante, plage de 90 à -90 longitude : 114,054565, // Longitude, nombre à virgule flottante, plage est 180 ~ -180. nom : 'Remplissez le nom de l'emplacement ici', // Adresse du nom de l'emplacement : 'Détails du nom de l'emplacement', // Échelle de description des détails de l'adresse : 10, // Niveau de zoom de la carte, valeur de mise en forme, allant de 1 à 28. La valeur par défaut est le maximum} }).Après avoir cliqué, vous accéderez à la page de localisation WeChat. Cliquez sur la navigation dans le coin inférieur droit pour afficher la navigation tierce !
5. WeChat utilise les coordonnées de gcj02 et certaines cartes utilisent les coordonnées de wgs84. Si l'erreur est relativement importante, vous pouvez déterminer s'il s'agit d'un problème avec la longitude et la latitude entrantes. Pour plus de détails, vous pouvez demander à Du Niang.
Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.