집 > 기사 > 웹 프론트엔드 > WeChat의 H5 페이지는 타사 위치 탐색을 호출합니다.

WeChat의 H5 페이지는 타사 위치 탐색을 호출합니다.

php中世界最好的语言원래의: 2018-03-20 13:40:155780검색

이번에는 WeChat의 H5 페이지에서 제3자 위치 호출 시 주의사항에 대해 안내해 드리겠습니다. 내비게이션 다음은 실제 사례입니다.

WeChat h5 페이지에서 타사 탐색 애플리케이션 실행

준비해야 할 사항:

WeChat에서 인증한 공개 계정
등록된 도메인 이름으로

배경: WeChat 공개 계정 클릭 h5 페이지로 이동하려면 메뉴 표시줄에서 탐색 기능을 사용해야 합니다

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

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

단계:

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

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

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

여기서 주의해야 할 사항은 다음과 같습니다. 디버그는 온라인 상태가 된 후 false로 변경되어야 하며 jsApiList는 사용하려는 인터페이스로 채워져야 합니다. 그렇지 않으면 아무런 효과가 없습니다

탐색 버튼에 clickevent를 등록하고 wx.openLocation을 호출합니다. method

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

클릭하면 오른쪽 하단에 있는 탐색을 클릭하여 타사 탐색을 불러올 수 있습니다!

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!