Heim  >  Artikel  >  Backend-Entwicklung  >  So implementieren Sie die Positionierungskartenanzeige in PHP

So implementieren Sie die Positionierungskartenanzeige in PHP

藏色散人
藏色散人Original
2021-09-06 09:13:132234Durchsuche

So implementieren Sie die Positionierungskartenanzeige in PHP: 1. Führen Sie JS-Dateien ein. 2. Fügen Sie die Berechtigungsüberprüfungskonfiguration über die Konfigurationsschnittstelle ein. 3. Ändern Sie das JS der Klickschaltfläche im HTML.

So implementieren Sie die Positionierungskartenanzeige in PHP

Die Betriebsumgebung dieses Artikels: Windows 7-System, PHP Version 7.1, Dell G3-Computer.

Wie implementiert man die Positionierungskartenanzeige in PHP?

php: Webentwicklung implementiert WeChat JS (Positionierung, Kartenanzeige, Fotoauswahlfunktionen)

Heute werde ich über die Funktionen von JS in der WeChat-Webentwicklung sprechen und sie mit Ihnen teilen. Ich hoffe, dass es für Sie hilfreich ist.

Voraussetzung: Sie müssen über ein öffentliches Konto verfügen, die WeChat-Authentifizierung bestehen, einen Domänennamen binden und entsprechende Informationen, App-ID, App-Geheimnis usw. erhalten.

WeChat-Entwicklungsdokumentation: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

Werfen wir einen Blick auf die Renderings:

1: JS-Dateien vorstellen

2: Konfigurationsschnittstelle zum Einfügen der Berechtigungsüberprüfungskonfiguration

<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: [              &#39;openLocation&#39;,              &#39;chooseImage&#39;
        ]
    });

Hinweis: Alle Seiten, die JS-SDK verwenden müssen, müssen zuerst Konfigurationsinformationen einfügen, sonst werden sie nicht aufgerufen (die gleiche URL muss nur einmal aufgerufen werden, und die SPA Eine Web-App, die die URL ändert, kann jedes Mal aufgerufen werden, wenn sich die URL ändert.

Derzeit unterstützt der Android WeChat-Client die neue H5-Funktion von pushState nicht. Daher führt die Verwendung von pushState zum Implementieren der Web-App-Seite dazu, dass die Signatur fehlschlägt . Dieses Problem wird in Android 6.2 behoben.

JS zum Klicken auf die Schaltfläche in HTML:

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

Hinweis: Die Parameter appid, appsecret und andere von mir verwendete Informationen befinden sich im PHP-Code.

Empfohlenes Lernen: „PHP-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Positionierungskartenanzeige in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn