php實現定位地圖顯示的方法

這篇文章主要講解了“php實現定位地圖顯示的方法”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“php實現定位地圖顯示的方法”吧！

本文操作環境：windows7系統、PHP7.1版、Dell G3電腦。

php怎么實現定位地圖顯示？

php：網頁開發實現微信JS的（定位，地圖顯示，照片選擇功能）

今天說說微信網頁開發中一下JS的功能，分享一下，希望對各位有所幫助。

前提：要有公眾號，和通過微信認證，綁定域名，得到相應信息，appid，appsecret等。

微信開發文檔：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僅需調用一次，對于變化url的SPA的web app可在每次url變化時進行調用,

目前Android微信客戶端不支持pushState的H5新特性，所以使用pushState來實現web app的頁面會導致簽名失敗，此問題會在Android6.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://h6.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實現定位地圖顯示的方法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！