uni-app使用应用内置地图查看位置

作者: gavin 分类: uniapp 发布时间: 2021-03-14 19:53

如图

<map> 组件的宽/高推荐写直接量,比如:750rpx,不要设置百分比值

//插入map组件
<map style="width: 100%; height: 289rpx;" :latitude="latitude" :longitude="longitude" :markers="covers" @tap="openMap()"></map>
//相关配置参数
data() {

  return {

    current: 0,

    latitude: 31.7335,

    longitude: 118.1024,

    covers: [

      {

        latitude: 31.7335,//纬度,范围为-90~90,负数表示南纬

        longitude: 118.1024,//经度,范围为-180~180,负数表示西经

      }

    ]

  }

},

methods:{

  openMap() {//点击地图

      uni.openLocation({

      latitude: this.latitude,

      longitude: this.longitude,

      name:"马鞍山市含山县",

      address: "马鞍山市含山县"

    })

  }

}

上面写了点击事件,点击时,跳到如图页面,我们只需配置经纬度(就是地图中的红点),地址等信息name:”马鞍山市含山县”,address: “马鞍山市含山县”

来源网址:https://www.jianshu.com/p/f1b8c484a79b

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注