php實現定位地圖顯示的方法:1、引入JS檔案;2、進行config介面注入許可權驗證設定;3、修改html中點選按鈕的JS即可。
本文操作環境:windows7系統、PHP7.1版、Dell G3電腦。
php怎麼實現定位地圖顯示?
php:網頁開發實現微信JS的(定位,地圖顯示,照片選擇功能)
今天說說微信網頁開發中一下JS的功能,分享一下,希望對各位有所幫助。
前提:要有公眾號,和通過微信認證,繫結域名,得到相應資訊,appid,appsecret等。
微信開發檔案:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
來看看效果圖:
<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://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怎麼實現定位地圖顯示的詳細內容,更多請關注TW511.COM其它相關文章!