全国服务热线:4008-888-888

微信小程序

免费的h5页面制作工具官网

免费的h5页面制作工具官网

详情介绍

免费的h5页面制作工具官网:微信小程序获取当前位置

最近在做的小程序设计到获取当前位置,当员工签到时需要去获取员工的当前位置进行签到,我采用的是腾讯地图的api,如果不喜欢这个,可以自行选择百度跟高德地图的api。

1:获取位置微信公众平台有接口文档,文档链接:

微信公众平台给的有示例文档

包括一些参数跟回调函数都写得有!

好,开始上代码!

先需要在小程序app.json中加上我标出的红色的框的代码

(如下图)

然后点击签到,确认签到后,加入微信的给的示例

wx.getLocation({

 type: 'wgs84',

 success (res) {

 console.log('qiandao',res)

 const latitude = res.latitude

 const longitude = res.longitude

 const speed = res.speed

 const accuracy = res.accuracy

 }

 })

会有弹出地理位置授权(如下图)

点击确定后,我把这两个值打印出来,现在需要根据如下的值进行逆地址解析

进入腾讯地图的api,找到微信小程序JavaScript SDK,链接:,然后需要申请开发者密钥!操作图如下:

没有注册的用户需要先注册一个,然后填写你的一些信息,

 顶部有个key设置,这个你可以把它保存到小程序的js中去,都弄好之后下载腾讯地图的sdk

然后将腾讯地图的sdk放到你所需要的页面中

 

 var qqmap=new adresspath({

 key:util.adrekey

 })

 wx.getLocation({

 type: 'wgs84',

 success (res) {

 console.log('qiandao',res)

 var latitude = res.latitude;

 var longitude = res.longitude;

 qqmap.reverseGeocoder({

 success:function(res){

 console.log('地址',res)

 that.setData({

 address:res.result.address

 })

 

 }

 })

 

 }

 })

 address:这个就是我们最后要的地址啦,如果有不对的或者有错别字的地方,哈哈,欢迎指正!

 


配置过程: 1、在腾讯平台申请自己的秘钥(申请地址:http://lbs.qq.com/console/mykey.html) 2、小程序平台设置request安全域名 https://apis.map.qq.com 3、下载小程序js微信小程序JavaScriptSDK v1.0      引入自己的文件 链接地址:http://3gimg.qq.com/light...


微信小程序开发 获取位置信息 1 获取当前地理位置,首先要拿到用户的授权wx.openSetting 在用户首次进入某页面(需要地理位置授权)时候,在页面进行onLoad,onShow时候,进行调用wx.getLocation要求用户进行授权;以后每次进入该页面时,通过wx.getSetting接口,返回用户授权具体信息。 wx.getSetting接口具体API地址链接为点击链接 当...


view: js: 根据上面步骤就可以得到下面可选择位置区域: 现在就好啦!或者可以参考微信文档:https://developers.weixin.qq.com/miniprogram/dev/component/picker.html...


微信小程序点击获取位置信息 效果图: 点击工程位置即可打开地图 小程序前端代码 js代码   WXSS    ...


在小程序开发时遇到需要用户地理位置信息的情况时,开发工具会提示:getLocation需要在app.json中声明permission字段。 开发者可以通过调用 调用 wx.getLocation / wx.authorize 等接口获取用户的地理位置信息或授权。 根据微信小程序官方文档: 要在app.json里声明permission, 如下图: desc就是description,引号里填写附...


获取当前时间 首先,在要获取时间的.js文件中加载util.js文件 然后在onload方法中,调用util.js中的formatTime方法获取当前时间 //获取当前时间 // 调用函数时,传入new Date()参数,返回值是日期和时间 var TIME = util.formatTime(new Date()); this.setData({ time: TIME, }); 这样就获取到了当...


前言 本文中描述某一页面的文档用 page.js/json/wxml/wxss 表示。 地图全屏显示 地图横版显示 在map_page.wxml 中写入: view map id= map longitude='113.324520' latitude='23.099994' scale= 14 >

1、首先在微信公众号上面判断有没有接口权限,这个坑我遇到过 开发- 接口权限 开通了权限之后要去设置里面  设置-- 公众号设置-- 功能设置   配置安全域名 这些配置好了之后 那就直接写了 //获取经纬度         &...


我只写了简单的页面结构,在wxml文件中写入一个button组件,并在button上添加点击getLocation事件. 第一步:使用getLocation获取当前地理位置  在js文件中写入getLocation方法,并且调用微信小程序的API wx.getLocation来获取当前位置.点击按钮时会弹...


1.获取当前日期 在小程序中新建项目时会创建一个util.js 里面会有获取当前时间,代码如下 formatTime这个方法是自动创建的年月日时分秒都有的。展现形式是2020/7/9 formatDate是只有年月日的展现形式是2020年7月9日。如果需要这种形式一定要在module.exports里面写formatDate: formatDate否则会报错 这句要写在需要用的j...



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服