ポジショニングマップ表示をphpで実装する方法

PHP でポジショニング マップ表示を実装する方法: 1. JS ファイルを導入する; 2. config インターフェイスを通じて権限検証設定を挿入する; 3. HTML 内のクリック ボタンの JS を変更する。

#この記事の動作環境: Windows 7 システム、PHP バージョン 7.1、Dell G3 コンピューター。

PHP でポジショニング マップを表示するにはどうすればよいですか?

php: WeChat JS を実装する Web 開発 (位置決め、地図表示、写真選択機能)

今日は WeChat Web 開発における JS の機能についてお話し、共有します。お役に立てば幸いです。

前提条件: パブリック アカウントを持ち、WeChat 認証に合格し、ドメイン名をバインドし、対応する情報 (appid、appsecret など) を取得する必要があります。

WeChat 開発ドキュメント: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

レンダリングを見てみましょう:

1: JS ファイルの導入

2: config インターフェイス インジェクション権限検証の構成

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>

 wx.config({
        debug: false,
        appId: appid,
        timestamp: timestamp,
        nonceStr: noncestr,
        signature: signature,
        jsApiList: [              'openLocation',              'chooseImage'
        ]
    });

注: を使用する必要があるすべてのページJS-SDK 構成情報を最初に挿入する必要があります。そうしないと呼び出されません (同じ URL を呼び出す必要があるのは 1 回だけです。URL を変更する SPA の Web アプリは、URL が変更されるたびに呼び出すことができます。)

現在、Android WeChat クライアントは PushState をサポートしていません。PushState は新しい H5 機能であるため、pushState を使用して Web アプリ ページを実装すると署名エラーが発生します。この問題は Android 6.2 で修正される予定です)。

HTML のボタンをクリックするための JS:

      // 定位
　　　　$("#location").click(function () {
            wx.getLocation({
                type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
                success: function (res) {                    var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                    var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                    var speed = res.speed; // 速度，以米/每秒计
                    var accuracy = res.accuracy; // 位置精度
                    DSXUI.success('纬度'+latitude);
                    $("#qrcodevalue").text('纬度'+latitude+" ---经度"+longitude);
                }
            });
        });
　　　　　　// 地图
        $("#btn1").click(function () {
            wx.openLocation({
                latitude: 26.581379, // 纬度，浮点数，范围为90 ~ -90
                longitude: 104.86983, // 经度，浮点数，范围为180 ~ -180。
                name: '贵州省贵阳市', // 位置名
                address: '详情地址', // 地址详情说明
                scale: 22, // 地图缩放级别,整形值,范围从1~28。默认为最大
                infoUrl: 'http://h5.zhangwoo.cn/?m=weixin&c=wxtest&a=share' // 在查看位置界面底部显示的超链接,可点击跳转，没用            });
        });
　　　　　　// 微信选图
         $("#btn2").click(function () {
             wx.chooseImage({
                 count: 3, // 默认9
                 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                 success: function (res) {                     var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                     $("#qrcodevalue").text('照片的本地ID列表'+localIds);
                 }
             });
         });

注: パラメータ appid、appsecret、および使用するその他の情報は php コード内にあります。

推奨学習: 「

PHP ビデオ チュートリアル

」

以上がポジショニングマップ表示をphpで実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。