本文将为大家详细介绍“小程序如何创建并返回map上下文mapContext对象”，内容步骤清晰详细，细节处理妥当，而小编每天都会更新不同的知识点，希望这篇“小程序如何创建并返回map上下文mapContext对象”能够给你意想不到的收获，请大家跟着小编的思路慢慢深入，具体内容如下，一起去收获新知识吧。
创建并返回 map 上下文 mapContext 对象。在自定义组件下，第二个参数传入组件实例this，以操作组件内 <map/> 组件
mapContext
mapContext 通过 mapId 跟一个 <map/> 组件绑定，通过它可以操作对应的 <map/> 组件。
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.wxml --><map id="myMap" show-location /><button type="primary" bindtap="getCenterLocation">获取位置</button><button type="primary" bindtap="moveToLocation">移动位置</button><button type="primary" bindtap="translateMarker">移动标注</button><button type="primary" bindtap="includePoints">缩放视野展示所有经纬度</button>
小程序的优势是什么
小程序相对于开发者来说，开发难度较低，可节约开发和运营成本，让开发者可以快速地开发一个小程序。并且小程序可在微信内被便捷地获取和传播，能够满足基础的生活应用，符合生活服务类线下商铺以及非刚需低频应用的转换。对于用户而言，能够节约使用时间成本和手机内存空间，同时具有优异的使用体验。
感谢您能读到这里，小编希望您对“小程序如何创建并返回map上下文mapContext对象”这一关键问题有了从实践层面最深刻的体会，具体使用情况还需要大家自己动手实践使用过才能领会，如果想阅读更多相关内容的文章，欢迎关注天达云行业资讯频道！