WeChat HTML5 페이지에서 제3자 위치 탐색을 호출하는 방법

이 글은 주로 WeChat HTML5 페이지에서 제3자 위치 탐색을 호출하는 예에 대한 관련 정보를 소개합니다. 편집자는 이것이 꽤 좋다고 생각합니다. 이제 여러분과 공유하고 참고할 수 있기를 바랍니다. 너.

준비물:

1. WeChat에서 인증한 공개 계정

2. 등록된 도메인 이름으로

배경: WeChat 공개 계정 메뉴 표시줄을 클릭하면 h5 페이지로 이동합니다. 내비게이션 기능을 사용하려면

요구 사항 :사용자가 내비게이션 버튼을 클릭하면 내비게이션을 위해 타사 앱으로 이동합니다

참고: WeChat 공개 계정 개발 문서

단계:

다음 JS 파일을 페이지에 소개합니다. JS 인터페이스를 호출해야 합니다(https 지원): http: //res.wx.qq.com/cgi-bin/index?lang=zh_CN

jssdk의 서명 권한은 백엔드에서 제공됩니다. end는 wx.config에 서명 권한만 주입하면 됩니다. 다른 WeChat API를 사용한 경우 이 단계를 저장할 수 있다고 생각합니다

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

여기서 주의해야 할 점은 온라인에 접속한 후 디버그를 false로 변경해야 한다는 것입니다. 사용하려는 인터페이스는 jsApiList에 채워져야 합니다. 그렇지 않으면 아무런 효과가 없습니다

탐색 버튼 이벤트에 대한 등록 버튼을 클릭하고 wx.openLocation 메소드를 호출하세요

$('.btn2').click(function () {
            wx.openLocation({
                latitude: 22.545538, // 纬度，浮点数，范围为90 ~ -90
                longitude: 114.054565, // 经度，浮点数，范围为180 ~ -180。
                name: '这里填写位置名', // 位置名
                address: '位置名的详情说明', // 地址详情说明
                scale: 10, // 地图缩放级别,整形值,范围从1~28。默认为最大
            });
        })

클릭 후 WeChat으로 이동합니다. 위치 페이지 오른쪽 하단에 있는 탐색을 클릭하면 타사 탐색이 표시됩니다!

5. WeChat은 gcj02의 좌표를 사용하며 일부 지도는 wgs84의 좌표를 사용합니다. 들어오는 경도와 위도에 문제가 있는지 생각해 보세요. 자세한 내용은 Du Niang에게 문의하세요

위 내용은 WeChat HTML5 페이지에서 제3자 위치 탐색을 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!