美文网首页
uni-app调用第三方地图并导航

uni-app调用第三方地图并导航

作者: xikoo0 | 来源:发表于2021-07-13 18:01 被阅读0次

    1.打开地图

    api:chooseLocation
    

    说明:打开小程序地图,可输入内容选择地址。

    success返回res包括:address、latitude、 longitude、name

    使用方式:

    openMap () {
          // 选择地图
          const self = this
          uni.chooseLocation({
            success: function (res) {
              const { address, latitude, longitude, name } = res
              self.markers = {
                address, latitude, longitude, name
              }
            }
          })
        },
    

    2.查看地图并导航

    api:openLocation
    

    说明:需要传入地址经纬度、地址名称才能定位到对应地址

    使用方式:

    openLocation () {
          const { latitude, longitude, name } = this.markers
          // 打开地图并导航
          uni.openLocation({
            latitude,
            longitude,
            name,
            fail: () => {
              uni.showModal({
                content: '打开地图失败,请重'
              })
            }
          })
        }
    

    相关文章

      网友评论

          本文标题:uni-app调用第三方地图并导航

          本文链接:https://www.haomeiwen.com/subject/wyuspltx.html