小程序如何创建并返回map上下文mapContext对象
发表于:2026-11-02 作者:千家信息网编辑
千家信息网最后更新 2026年11月02日,本文将为大家详细介绍"小程序如何创建并返回map上下文mapContext对象",内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇"小程序如何创建并返回map上下文mapCon
千家信息网最后更新 2026年11月02日小程序如何创建并返回map上下文mapContext对象
本文将为大家详细介绍"小程序如何创建并返回map上下文mapContext对象",内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇"小程序如何创建并返回map上下文mapContext对象"能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。
创建并返回 map 上下文 mapContext 对象。在自定义组件下,第二个参数传入组件实例this,以操作组件内 组件
mapContext
mapContext 通过 mapId 跟一个 组件绑定,通过它可以操作对应的 组件。
mapContext 对象的方法列表
| 方法 | 参数 | 说明 | 最低版本 |
|---|---|---|---|
| getCenterLocation | OBJECT | 获取当前地图中心的经纬度,返回的是 gcj02 坐标系,可以用于 wx.openLocation | |
| moveToLocation | 无 | 将地图中心移动到当前定位点,需要配合map组件的show-location使用 | |
| translateMarker | OBJECT | 平移marker,带动画 | 1.2.0 |
| includePoints | OBJECT | 缩放视野展示所有经纬度 | 1.2.0 |
| getRegion | OBJECT | 获取当前地图的视野范围 | 1.4.0 |
| getScale | OBJECT | 获取当前地图的缩放级别 | 1.4.0 |
getCenterLocation 的 OBJECT 参数列表
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| success | Function | 否 | 接口调用成功的回调函数 ,res = { longitude: "经度", latitude: "纬度"} |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
translateMarker 的 OBJECT 参数列表
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| markerId | Number | 是 | 指定marker |
| destination | Object | 是 | 指定marker移动到的目标点 |
| autoRotate | Boolean | 是 | 移动过程中是否自动旋转marker |
| rotate | Number | 是 | marker的旋转角度 |
| duration | Number | 否 | 动画持续时长,默认值1000ms,平移与旋转分别计算 |
| animationEnd | Function | 否 | 动画结束回调函数 |
| fail | Function | 否 | 接口调用失败的回调函数 |
includePoints 的 OBJECT 参数列表
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| points | Array | 是 | 要显示在可视区域内的坐标点列表,[{latitude, longitude}] |
| padding | Array | 否 | 坐标点形成的矩形边缘到地图边缘的距离,单位像素。格式为[上,右,下,左],安卓上只能识别数组第一项,上下左右的padding一致。开发者工具暂不支持padding参数。 |
getRegion 的 OBJECT 参数列表
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| success | Function | 否 | 接口调用成功的回调函数,res = {southwest, northeast},西南角与东北角的经纬度 |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
getScale 的 OBJECT 参数列表
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| success | Function | 否 | 接口调用成功的回调函数,res = {scale} |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码:
小程序的优势是什么
小程序相对于开发者来说,开发难度较低,可节约开发和运营成本,让开发者可以快速地开发一个小程序。并且小程序可在微信内被便捷地获取和传播,能够满足基础的生活应用,符合生活服务类线下商铺以及非刚需低频应用的转换。对于用户而言,能够节约使用时间成本和手机内存空间,同时具有优异的使用体验。
感谢您能读到这里,小编希望您对"小程序如何创建并返回map上下文mapContext对象"这一关键问题有了从实践层面最深刻的体会,具体使用情况还需要大家自己动手实践使用过才能领会,如果想阅读更多相关内容的文章,欢迎关注行业资讯频道!
参数
函数
接口
程序
组件
成功
开发
上下
对象
地图
类型
移动
上下文
经纬
经纬度
内容
开发者
视野
位置
动画
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
咖啡网
耶加雪菲
互联网科技财经
互联网科技英文
互联网科技排名
极限挑战互联网科技
菲比寻常互联网科技
互联网科技有限公司 翻译
互联网科技创新企业排名
汉立互联网科技有限公司联系电话
创业天下互联网科技有限公司
随着互联网科技发展
银川新华互联网科技学校联系电话
本届互联网博览会上的黑科技
长沙互联网科技
美国互联网科技实力
怎样加入科技互联网
互联网科技实习生岗位
广州互联网高科技取餐柜
福建互联网展示科技馆设计
广东猪兼强互联网科技有限公司
极限挑战互联网科技
狮子座互联网科技有限公司
互联网科技小额贷款
互联网科技美容
青岛中康互联网医疗科技有限公司
全球顶尖互联网科技公司
语蝶互联网科技有限公司
无锡工业互联网科技有限公司
四川互联网展示科技馆设计