微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置

WXRUI体验二维码

微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置_第1张图片

如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢!

开发场景

已知地点的经纬度,期望在打开的地图进行标注位置和进行开车、徒步、公交、骑行等的路线规划!


效果图

微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置_第2张图片


实际应用体验

微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置_第3张图片


JS

Page({
  openLocation(){
    wx.openLocation({
      longitude: Number(this.data.lng),
      latitude: Number(this.data.lat),
      name: this.data.store.name,
      address: this.data.store.address
    }) 
  }
})

OBJECT参数

参数 说明 必填
latitude 纬度,范围为-90~90,负数表示南纬 必填
longitude 经度,范围为-180~180,负数表示西经 必填
scale 缩放比例,范围1~28,默认为28 选填
name 位置名 选填
address 地址的详细说明 选填
cbSuccessFun 接口调用成功的回调函数 选填
cbFailFun 接口调用失败的回调函数 选填
cbCompleteFun 接口调用结束的回调函数(调用成功、失败都会执行) 选填

注意

  1. 注意经纬度为必填参数,很多时候和wx.getLocation(OBJECT)配合使用(查看用户当前位置)!
  2. 注意经纬度的数据类型都是Float!
  3. 注意改接口在开发者工具中打开的内置地图只能查看位置,不能进行路线规划等功能,会报错,页面未找到!(官方解答)

WXRUI体验二维码

微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置_第4张图片

如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢!

下载

我的博客,欢迎交流!

我的CSDN博客,欢迎交流!

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表

你可能感兴趣的:(---微信小程序,微信小程序)