Shulou(Shulou.com)06/01 Report--

这篇文章主要介绍了微信小程序如何创建并返回map上下文mapContext对象的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇微信小程序如何创建并返回map上下文mapContext对象文章都会有所收获，下面我们一起来看看吧。

wx.createMapContext(mapId)

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

mapContext

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

mapContext 对象的方法列表

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

getCenterLocation 的 OBJECT 参数列表

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

translateMarker 的 OBJECT 参数列表

参数类型必填说明markerIdNumber是指定markerdestinationObject是指定marker移动到的目标点autoRotateBoolean是移动过程中是否自动旋转markerrotateNumber是marker的旋转角度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.jsPage({ onReady: function (e) { // 使用 wx.createMapContext 获取 map 上下文 this.mapCtx = wx.createMapContext('myMap') }, getCenterLocation: function () { this.mapCtx.getCenterLocation({ success: function(res){ console.log(res.longitude) console.log(res.latitude) } }) }, moveToLocation: function () { this.mapCtx.moveToLocation() }, translateMarker: function() { this.mapCtx.translateMarker({ markerId: 0, autoRotate: true, duration: 1000, destination: { latitude:23.10229, longitude:113.3345211, }, animationEnd() { console.log('animation end') } }) }, includePoints: function() { this.mapCtx.includePoints({ padding: [10], points: [{ latitude:23.10229, longitude:113.3345211, }, { latitude:23.00229, longitude:113.3345211, }] }) }})关于"微信小程序如何创建并返回map上下文mapContext对象"这篇文章的内容就介绍到这里，感谢各位的阅读!相信大家对"微信小程序如何创建并返回map上下文mapContext对象"知识都有一定的了解，大家如果还想学习更多知识，欢迎关注行业资讯频道。

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.