小程式如何取得經緯度資訊實現定位功能

目的：利用微信小程式獲取經緯度訊息，從而實現簡單地定位功能。

（學習影片分享：程式設計影片）

在pages下建立一個單頁如local

local.js如下

local.wxml如下

<view class="page-body">
<view class="page-body-form">
    <text class="page-body-form-key">经度：</text>
    <input class="page-body-form-value" type="text" 
    value="{{longitude}}" name="longitude"></input>
    <text class="page-body-form-key">纬度:</text>
    <input class="page-body-form-value" type="text" 
    value="{{latitude}}" name="latitude"></input>  
    <view class="page-body-buttons">
    <button class="page-body-button" type="primary" 
    bindtap="getLocation">获取位置</button>
    </view>
</view>
</view>

在app.json中

相關推薦：小程式開發教程

以上是小程式如何取得經緯度資訊實現定位功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！