微信小程序之联合百度API实现定位(6)
定位功能对于我们都不陌生,在移动端的应用中更是不可或缺的功能,小程序中也提供了对应的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
示例代码:
微信小程序之联合百度API实现定位(6)相关推荐
- 微信小程序:利用搜狗API实现听写单词小程序
微信小程序:利用搜狗API实现听写单词小程序 wxml <view><input bindconfirm="addword" confirm-type=" ...
- 微信小程序调用豆瓣电影API(详细)
微信小程序调用豆瓣电影API(详细) 首先给出现在可以使用(有返回值的)的API网址 现在是获取数据的过程 1.在 JS 文件中声明一个变量 2.我们写一个获取信息的函数 我们打开 ==当前热映的AP ...
- 小程序api 分享scene_网课查题题库接口API-在线免费授权,微信小程序网课答案api接口...
网课查题题库接口API-在线免费授权,微信小程序网课答案api接口更多相关问题 支持员工实现绩效目标.促进员工自身发展的能力标准的目标是().A.组织目标B.部门目标C.发展目标B.化肝煎合左金丸C. ...
- 天气预报小程序源码,天气类微信小程序源码。API使用的是和风天气。
天气预报小程序源码,天气类微信小程序源码.API使用的是和风天气. 可以提供实时全国天气气象信息,及时发布天气预报.灾害预警.气象云图.旅游天气.台风.暴雨雪等气象信息, 为我国的生产生活提供全面精确 ...
- 小程序 | 微信小程序中使用位置API打开地图
小程序 | 微信小程序中使用位置API打开地图 一.效果展示 二.代码实现 使用微信内置地图查看位置,调用wx.openLocationAPI,具体内容可以查看微信官方文档. // js let In ...
- 微信小程序学习总结(六) --- API
微信小程序学习总结(六) - API API 规则: 1 . 都是以wx.开头 2. 以wx.on开头的是监听某个事件的API接口,接受一个回调函数作为参数 3. api大多是异步的函数,接受Obje ...
- 微信小程序基于scroll-view实现锚点定位
代码地址如下: http://www.demodashi.com/demo/14009.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.c ...
- 微信小程序报错百度地图API 报错 “APP 服务被禁用“
最近开发微信小程序时,想使用百度地图制作定位功能,结果一直报错"APP服务被禁用",查了好多资料都不行,改成服务端也不行,终于,我在参考了以下这位大佬的博客之后成功用上了百度地图. ...
- uni-app微信小程序+Java实现百度语音识别
1.准备工作 由于微信小程序和百度语音识别的记录博客少之又少,所以这篇博客就诞生了. 注册登录百度AI开放平台(http://ai.baidu.com/) 找到语音技术 - 应用列表,创建应用,填写相 ...
最新文章
- [转]商业智能在电子商务交易中6大应用分析
- 更改SQL 2005登录时的默认数据库
- 五天面试 Google、Facebook、Airbnb 等硅谷五家顶级公司,我是如何都拿到 Offer 的
- linux 补丁脚本,Linux上打patch补丁包脚本全解
- node服务成长之路
- 小 Q 与树(dsu on tree + segment tree)牛客练习赛 81 D
- Mac入门--Apache/Php/Mysql的开启关闭
- 作者:窦勇(1966-),男,博士,国防科学技术大学并行与分布处理重点实验室常务副主任、研究员、博士生导师...
- 时间机器(CDQ分治)
- java 集合 总结 表_java 列表与集合总结
- 实现平衡二叉排序树的各种算法(包括二叉树的递归遍历、非递归遍历)
- 使用BCC工具获取Linux内核空间read/write操作的文件名
- 不用再为机翻头疼!sci论文写作翻译神器推荐
- !peb和PEB结构
- python课程设计实验报告-Python语言课程设计报告格式.doc
- visio业务流程图教学_visio业务流程图怎么画
- 神州数码交换机配置基本命令
- qml 纯代码实现漂亮的switch控件
- ADIDAS的完整形式是什么?
- 【高通SDM660平台】(2) --- Camera Kernel 驱动层代码逻辑分析