• 下载
  • 社区

my.chooseLocation

使用说明:暂无国外地图数据,在中国以外的地区可能无法正常调用此 API。


使用支付宝内置地图选择地理位置。


扫码体验

mychooselocation.png


效果示例

选择地理位置.gif


示例代码

// API-DEMO page/API/choose-location/choose-location.json
{
    "defaultTitle": "选择位置"
}


<!-- API-DEMO page/API/choose-location/choose-location.axml-->
<view class="page">
  <view class="page-section">
    <view class="page-section-demo">
      <text>经度:</text>
      <input value="{{longitude}}"></input>
    </view>
    <view class="page-section-demo">
      <text>纬度:</text>
      <input value="{{latitude}}"></input>
    </view>
    <view class="page-section-demo">
      <text>位置名称:</text>
      <input value="{{name}}"></input>
    </view>
    <view class="page-section-demo">
      <text>详细位置:</text>
      <input value="{{address}}"></input>
    </view>    
    <view class="page-section-btns">
      <view onTap="chooseLocation">选择位置</view>
    </view>
  </view>
</view>


// API-DEMO page/API/choose-location/choose-location.js
Page({
  data: {
    longitude: '120.126293',
    latitude: '30.274653',
    name: '黄龙万科中心',
    address: '学院路77号',
  },
  chooseLocation() {
    var that = this
    my.chooseLocation({
         success:(res)=>{
          console.log(JSON.stringify(res))
          that.setData({
            longitude:res.longitude,
            latitude:res.latitude,
            name:res.name,
            address:res.address
          })
        },
        fail:(error)=>{
          my.alert({content: '调用失败:'+JSON.stringify(error), });
        },
    });
    },
})


/* API-DEMO page/API/choose-location/choose-location.acss */
.page-body-info {
  height: 250rpx;
}
.page-body-text-location {
  display: flex;
  font-size: 50rpx;
}
.page-body-text-location text {
  margin: 10rpx;
}
.page-section-location-text{
    color: #49a9ee;
}


入参

Object 类型,属性如下:

属性

类型

必填

描述

success

Function

调用成功的回调函数。

fail

Function


调用失败的回调函数。

complete

Function

调用结束的回调函数(调用成功、失败都会执行)。


success 回调函数

入参为 Object 类型,属性如下:


属性

类型

描述

name

String

位置名称。

address

String

详细地址。

latitude

Number

纬度,浮点数,范围为-90~90,负数表示南纬。

longitude

Number

经度,浮点数,范围为-180~180,负数表示西经。