getlocation

微信小程序——使用微信内置地图查看位置

隐身守侯 提交于 2019-12-13 02:02:40
使用微信内置地图查看位置 项目需求: 根据当前的定位位置,查看附近有哪些商家,查看商家具体位置。 文章目录 使用微信内置地图查看位置 步骤 效果图 具体实现 wxml js 1. 初始数据及调用 2. 获取用户当前设置 3. 获取当前位置 4. 获取附近商家列表 5. 点击商家查看详情 6. 使用`微信内置地图`查看商家具体位置 手动授权(用户拒绝后) 步骤 首先: 获取当前地理位置 , 调用前需要 用户授权 通过 wx.openLocation(Object object) API内置地图查看位置 关于 获取当前位置具体流程配置 效果图 说明: 图展示 点击 取消 后,显示授权按钮, 用户触发按钮时,调用设置页面。 具体实现 说明: 这里分步骤说明,直接copy可使用。 wxml < view class = " nearbyBizListWrap " style =' margin-top: { { navH } } px ' > < block wx: if = " {{postion}} " > < view wx: if = " {{!is_empty}} " > < view class = " media_list_Box " > < view wx: for = " {{nearbyListData}} " wx: key = " " bindtap = '

腾讯定位的使用

寵の児 提交于 2019-12-04 13:18:48
腾讯定位的使用 通过前端的JS代码获取到定位信息,在通过 POST 方法吧请求提交到后台服务器中 <script type="text/javascript" src="https://apis.map.qq.com/tools/geolocation/min?key=your key&referer=your app name"></script> <script> function clockIn(routeid, shopid) { var geolocation = new qq.maps.Geolocation(); // 获取当前位置 geolocation.getLocation(sucCallback, errCallback); // 成功的回调方法 function sucCallback(position) { console.log(position); $.post("请求路径", 请求方法, function (data) { util.message(data.message, data.redirect, data.type); }, 'json'); } // 失败的回调方法 function errCallback() { console.log('fail'); } /* // 通过微信的 JSSDK 实现定位     // 获取定位信息