调用wx.chooseLocation接口会打开地图,在地图上选择位置,选好之后返回位置信息

    wx.chooseLocation的对象参数的属性只有

    • success
    • fail
    • complete

    3个回调函数

    在success回调函数的参数里,得到选择的位置信息,包括

    • 位置名称
    • 详细地址
    • 经纬坐标 ```html index.wxml 名称:{{name}} 地址:{{address}} 纬度:{{latitude}} 经度:{{longitude}}
    1. ```json
    2. Page({
    3. data:{
    4. latitude:"",
    5. longitude:"",
    6. name:"",
    7. address:""
    8. },
    9. ...省略部分代码
    10. },
    11. chooseLocation: function(){
    12. let _that = this;
    13. wx.chooseLocation({
    14. success: function(res) {
    15. console.log(res)
    16. _that.setData({
    17. latitude: res.latitude,
    18. longitude: res.longitude,
    19. name: res.name,
    20. address: res.address
    21. })
    22. },
    23. fail: function(err){
    24. console.log(err)
    25. },
    26. complete: function(){
    27. console.log('over')
    28. }
    29. })
    30. }
    31. })

    在示例4-15中,页面上有一个“打开地图选择位置”按钮,单击该按钮可出现地图,如图4.13所示。
    image.png
    选择好位置,单击右上角的“确定”按钮回到之前的页面,显示出选择的位置信息,如图4.14所示
    image.png