当前位置: 首页 > article >正文

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

DAY13

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

const mapCtx=wx.createMapContext(‘myMap’)

表52:MapContext实例的常用方法

方法

说明

getCenterLocation()

获取当前地图中心的经纬度,返回GCJ-02坐标

moveToLaction()

将地图中心移至当前定位点

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

选项

类型

说明

iconPath

string

图标路径,支持网络路径、本地路径、代码包路径

success

function

接口调用成功的回调函数,通过其参数可以获取longitude(经度)和latitude(纬度)

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数

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

选项

类型

说明

longitude

number

经度

latitude

number

纬度

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数

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

mapCtx.getCenterLocation({
     success:res=>{
         const longitude=res.longitude

         const latitude=res.latitude

        console.log(longitude,latitude)

    }

})


http://www.kler.cn/a/572752.html

相关文章:

  • 【Spring Boot 应用开发】-04-02 自动配置-数据源-手撸一个最简持久层工具类
  • 驱动开发系列43 - Linux 显卡KMD驱动代码分析(四)- DRM设备操作
  • Golang的数据库分库分表
  • 【网络安全】API安全防护完整指南
  • 【计算机网络入门】TCP拥塞控制
  • OpenGL ES -> GLSurfaceView纹理贴图
  • 词向量(Word Embedding)
  • 【SegRNN 源码理解】图示理解 forward的过程
  • 使用 marked.min.js 实现 Markdown 编辑器 —— 我的博客后台选择之旅
  • MySQL8 忘记密码
  • 【金融量化】Ptrade中交易环境支持的业务类型
  • Mysql命令大全(连接Mysql)
  • 单体架构、集群、分布式、微服务的区别!
  • Web服务器配置
  • shell文本处理
  • 美股行情数据:历史高频分钟回测数据策略分析
  • nvm的使用汇总
  • 【C++设计模式】第二篇:工厂方法模式(Factory Method)
  • mapbox高阶,结合threejs(threebox)实现立体三维飞线图
  • 15. 示例:创建AXI-Lite事务类(addr/data/rw)