小程序-地图-定位在我此时的位置

本文介绍了一个小程序中使用地图组件的方法,包括如何获取用户的当前位置,并在地图上显示出来。通过调用wx.getLoction()获取地理位置信息,并利用这些信息设置地图的位置。

wxml:

<map id="mymap" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}"></map>

wxss:

 #mymap{width:100%;height:100vh}

js:

Page({

      data:{

           latitude:"",

           longitude:"",

           markers:[]

      },

     onLoad:function(){

            wx.getLoction({

                     type:'gcj02',

                      success:function(res){

                                   var latitude=res.latitude

                                    var longitude=res.longitude

                                    var speed=res.speed

                                    var accuracy=res.accuracy

                                     console.log("latitude"+latitude)

                                     console.log("longitude"+longitude)

                                     console.log("speed"+speed)

                                     console.log("accuracy"+accuracy)

                                      wx.openLocation({

                                               latitude:latitude,

                                                longitude:longitude,

                                                scale:28

                                       })

                       }

            })

     }

 

})

转载于:https://www.cnblogs.com/liuqingxia/p/7699439.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值