自学微信小程序的第十三天

2025-03-05 约 484 字预计阅读 1 分钟

DAY13

1、使用map组件在页面中创建地图后，若想在JS文件中对地图进行控制，需要通过地图API来完成。先通过wx.createMapContext()方法创建MapContext（Map上下文）实例，然后通过该实例的相关方法来操作map组件。

const mapCtx=wx.createMapContext(‘myMap’)

表52：MapContext实例的常用方法

表53：getCenterLocation()方法的常用选项


选项	类型	说明
iconPath	string	图标路径，支持网络路径、本地路径、代码包路径
success	function	接口调用成功的回调函数，通过其参数可以获取longitude（经度）和latitude（纬度）
fail	function	接口调用失败的回调函数
complete	function	接口调用结束的回调函数

表54：moveToLocation()方法的常用选项

2、如何使用MapContext实例获取当前地图中心的经纬度？


mapCtx.getCenterLocation({ success:res=>{ const longitude=res.longitude const latitude=res.latitude console.log(longitude,latitude) } })

目录