千家信息网

小程序如何创建并返回map上下文mapContext对象

发表于:2025-11-09 作者:千家信息网编辑
千家信息网最后更新 2025年11月09日,本文将为大家详细介绍"小程序如何创建并返回map上下文mapContext对象",内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇"小程序如何创建并返回map上下文mapCon
千家信息网最后更新 2025年11月09日小程序如何创建并返回map上下文mapContext对象

本文将为大家详细介绍"小程序如何创建并返回map上下文mapContext对象",内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇"小程序如何创建并返回map上下文mapContext对象"能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。

创建并返回 map 上下文 mapContext 对象。在自定义组件下,第二个参数传入组件实例this,以操作组件内 组件

mapContext

mapContext 通过 mapId 跟一个 组件绑定,通过它可以操作对应的 组件。

mapContext 对象的方法列表

方法参数说明最低版本
getCenterLocationOBJECT获取当前地图中心的经纬度,返回的是 gcj02 坐标系,可以用于 wx.openLocation
moveToLocation将地图中心移动到当前定位点,需要配合map组件的show-location使用
translateMarkerOBJECT平移marker,带动画1.2.0
includePointsOBJECT缩放视野展示所有经纬度1.2.0
getRegionOBJECT获取当前地图的视野范围1.4.0
getScaleOBJECT获取当前地图的缩放级别1.4.0

getCenterLocation 的 OBJECT 参数列表

参数类型必填说明
successFunction接口调用成功的回调函数 ,res = { longitude: "经度", latitude: "纬度"}
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

translateMarker 的 OBJECT 参数列表

参数类型必填说明
markerIdNumber指定marker
destinationObject指定marker移动到的目标点
autoRotateBoolean移动过程中是否自动旋转marker
rotateNumbermarker的旋转角度
durationNumber动画持续时长,默认值1000ms,平移与旋转分别计算
animationEndFunction动画结束回调函数
failFunction接口调用失败的回调函数

includePoints 的 OBJECT 参数列表

参数类型必填说明
pointsArray要显示在可视区域内的坐标点列表,[{latitude, longitude}]
paddingArray坐标点形成的矩形边缘到地图边缘的距离,单位像素。格式为[上,右,下,左],安卓上只能识别数组第一项,上下左右的padding一致。开发者工具暂不支持padding参数。

getRegion 的 OBJECT 参数列表

参数类型必填说明
successFunction接口调用成功的回调函数,res = {southwest, northeast},西南角与东北角的经纬度
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

getScale 的 OBJECT 参数列表

参数类型必填说明
successFunction接口调用成功的回调函数,res = {scale}
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

小程序的优势是什么

小程序相对于开发者来说,开发难度较低,可节约开发和运营成本,让开发者可以快速地开发一个小程序。并且小程序可在微信内被便捷地获取和传播,能够满足基础的生活应用,符合生活服务类线下商铺以及非刚需低频应用的转换。对于用户而言,能够节约使用时间成本和手机内存空间,同时具有优异的使用体验。

感谢您能读到这里,小编希望您对"小程序如何创建并返回map上下文mapContext对象"这一关键问题有了从实践层面最深刻的体会,具体使用情况还需要大家自己动手实践使用过才能领会,如果想阅读更多相关内容的文章,欢迎关注行业资讯频道!

0