微信小程序,前端大梦想(六)
微信小程序之联合百度API实现定位
定位功能对于我们都不陌生,在移动端的应用中更是不可或缺的功能,小程序中也提供了对应的API帮助我们完成定位的实现,但是目前小程序的定位API只能返回经纬度,所以要获取更加完整的地理信息需要其它数据接口的帮助,这里我们使用百度地图API。
- 小程序位置API介绍
- 百度地图API返回地理信息
一、 获取位置
- wx.getLocation(OBJECT): 获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用,当用户点击“显示在聊天顶部”时,此接口可继续调用。
object参数说明:
success返回参数说明:
示例代码:
wx.getLocation({
type: 'wgs84',
success: function(res) {
var latitude = res.latitude
var longitude = res.longitude
var speed = res.speed
var accuracy = res.accuracy
}
})
- wx.chooseLocation(OBJECT) 打开地图选择位置
示例代码:
效果图:
- wx.openLocation(OBJECT) 使用微信内置地图查看位置
OBJECT参数说明:
示例代码:
效果图:
- wx.createMapContext(mapId)地图组件控制
创建并返回 map 上下文 mapContext 对象
mapContext:
mapContext 通过 mapId 跟一个 <map/> 组件绑定,通过它可以操作对应的 <map/> 组件。方法列表如下:
注意: covers 属性即将移除,请使用 markers 替代
- markers标记点用于在地图上显示标记的位置
- controls
在地图上显示控件,控件不随着地图移动
position
示例代码
效果图:
二、 通过百度api获取地理信息
- 首先注册百度地图API,获取key。
- 使用数据接口
https://api.map.baidu.com/geocoder/v2/?ak=7VENmCeC4aaAfx3CKbSjT1K3oRucOgDK&location=' +locationParam + '1&output=json&pois=1
示例代码:
转载于:https://www.cnblogs.com/jerehedu/p/6825697.html
微信小程序,前端大梦想(六)相关推荐
- 微信小程序周报(第六期)
2019独角兽企业重金招聘Python工程师标准>>> 微信小程序周报(第六期) 客户被绑,蒙眼,惊问:"想干什么?" 对方不语,鞭笞之,客户求饶:"别 ...
- mysql的数据现实在小程序_使用phpstudy将本地mysql数据显示在微信小程序前端
使用phpstudy将本地mysql数据显示在微信小程序前端 第一步:新建小程序 在pages文件里新建一个phptest文件夹,如果你不知道操作,建议先学小程序的基础知识 第二步:写phptest. ...
- 微信小程序期末大作业-天使童装商城
微信小程序期末大作业-天使童装商城,导入即可使用,有轮播图,底部导航,各种童装标签,有首页,分类,优惠券,购物车,个人中心五个导航,适合初学者学习使用,如下图所示:(资源链接在末尾) 资源下载链接:h ...
- 微信小程序期末大作业 记单词小程序 适合初学者学习使用
微信小程序期末大作业 记单词小程序 小程序如下图所示:(下载链接在文末) 点我下载资源 https://download.csdn.net/download/weixin_43474701/59677 ...
- 网易云易盾推出面向微信小程序的大数据反作弊产品
近日,国内领先的业务风控服务网易云易盾对外推出面向微信小程序的大数据反作弊产品,源于网易20年的核心业务风控技术与全面稳健的策略模型,有机整合了设备指纹.IP画像.规则引擎等八大能力,可广泛应用电商营 ...
- 微信小程序对接大华摄像头
文章目录 微信小程序对接大华摄像头 1.在app.json中声明 2. 使用插件 3.使用自定义组件: 微信小程序对接大华摄像头 文档地址:https://open.imoulife.com/book ...
- 微信小程序——前端——抵扣券、优惠券样式
微信小程序--前端--抵扣券.优惠券样式 效果图: 实现思路: 左边+划线+右边==使用信息+分割线+使用限制 整体底色: .wrapper {margin: 0 auto;width: 100%;d ...
- 微信小程序实现大转盘抽奖----踩坑之路
微信小程序实现大转盘抽奖----踩坑之路 需求:现在有一个小程序抽奖页面如下,此类抽奖方式为大转盘 思路:由服务端获取抽奖次数和奖品,根据服务端的中奖概率来决定是否中奖,最后利用小程序动画将转盘转起来 ...
- 微信小程序期末大作业-蔬菜商城
微信小程序期末大作业-蔬菜商城 在这个小程序可以 购买各种蔬菜,有四个底部导航栏,轮播图,动态文字,首页,订单,个人中心,分类,购物车五个导航,时候初学者学习使用,如下图所示: 资源下载链接:http ...
最新文章
- 腾讯二面:@Bean与@Component用在同一个类上,会怎么样?
- 3ds max 变形器使用
- 9大跨平台移动 App 开发工具推荐
- const和readonly内部区别
- 跨域请求,关于后端session会话丢失的解决办法
- Qt中线程的生命期问题
- 01-Secure Payload Dispatcher (SPD)
- OC-NSArray
- [hackinglab][CTF][注入关][2020] hackinglab 注入关 writeup
- 合泰单片机做电压表_启士 | 蓝桥杯零基础单片机教程9 I2C介绍(上)
- 网页设计工资一般多少_理发师工资一般多少钱一个月
- python基础代码技巧_Python 代码优化技巧(二)
- vue 引用src中的文件_Vue中引用第三方JS文件
- oracle 调用main方法,main方法中调用spring注入bean
- tf.gradients ---错误FetchargumentNonehasinvalidtype
- 最新前端中高级面试题
- [转]手游运营后台通用需求
- 电力网络故障的计算机算法,电力系统故障分析的计算机算法.pdf
- 宏基4752g 开机进度条卡到75%左右,解决办法
- 怎么查询服务器是什么操作系统,怎么查服务器什么操作系统