Comment appeler la navigation de localisation tierce sur la page WeChat html5

Cet article vous présente principalement des informations pertinentes sur l'exemple d'appel de la navigation de localisation tierce sur la page HTML5 WeChat. L'éditeur pense que c'est plutôt bon. Maintenant, je vais le partager avec vous et vous donner une référence, je l'espère. peut vous aider.

Ce que vous devez préparer :

1. Un compte public certifié par WeChat

2. Un nom de domaine enregistré

Contexte : le compte officiel WeChat clique sur la barre de menu pour accéder à la page h5, ce qui nécessite la fonction de navigation

Exigence : lorsque l'utilisateur clique sur le bouton de navigation, passe à la troisième- application de fête pour la navigation

Référence : document de développement du compte public WeChat

Étapes :

Introduisez le fichier JS suivant sur la page qui doit appeler l'interface JS, (prend en charge https ) : http://res.wx.com/cgi-bin/index?lang=zh_CN

L'autorisation de signature de jssdk Cette autorisation est fournie par le backend. l'autorisation de signature dans wx.config. Je pense qu'elle peut être utilisée. Cette étape de transmission d'autres API WeChat peut être omise

       "
       wx.config({
           debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
           appId: '', // 必填，公众号的唯一标识
           timestamp: , // 必填，生成签名的时间戳
           nonceStr: '', // 必填，生成签名的随机串
           signature: '',// 必填，签名
           jsApiList: ['openLocation'] // 必填，需要使用的JS接口列表 这里填写需要用到的微信api openlocation为使用微信内置地图查看位置接口
       });
       "

Ce qui doit être noté ici, c'est que le débogage doit être modifié en false après la mise en ligne. , et la jsApiList doit être remplie avec l'interface que vous souhaitez utiliser, 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, // 纬度，浮点数，范围为90 ~ -90
                longitude: 114.054565, // 经度，浮点数，范围为180 ~ -180。
                name: '这里填写位置名', // 位置名
                address: '位置名的详情说明', // 地址详情说明
                scale: 10, // 地图缩放级别,整形值,范围从1~28。默认为最大
            });
        })

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. 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 est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!