码迷,mamicode.com
首页 > 其他好文 > 详细

小程序百度地图使用2

时间:2018-03-20 12:45:54      阅读:629      评论:0      收藏:0      [点我收藏+]

标签:div   form   ted   ddr   code   set   png   html   com   

最近需要做一个类似滴滴打车的叫车小程序,需要用到百度地图的一些方法

1)获取用户当前位置,并在页面显示当前位置名称,先上代码:

var that=this;
var qqmapsdk = new QQmap({
key: config.Config.key // 必填
});
wx.getLocation({
type: ‘gcj02‘,//默认为 wgs84 返回 gps 坐标,gcj02 返回可用于wx.openLocation的坐标
 
success: function(res) {
console.log(res);
var maker=[{
iconPath: "../../img/marker.png",
id: 0,
latitude: res.latitude,
longitude: res.longitude,
width: 28,
height: 32
}]
that.setData({
 
centerLat:res.latitude,
centerLon:res.longitude,
markers:maker
})
qqmapsdk.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: function (addressRes) {
var address = addressRes.result.formatted_addresses.recommend;
city = addressRes.result.address_component.city;
that.setData({
originAddress: address
})
}
})
},
})
wx.getLocation是小程序自带的得到位置的函数,可以得到当前位置的经纬度,但是并不能得到当前位置的名称。需要注意他的type参数决定了返回的经纬度是什么格式,当得到经纬度之后就需要使用百度地图的sdk了
qqmapsdk.reverseGeocoder这个函数将经纬度转成文字描述,输入坐标返回地理位置信息和附近poi列表。关于这个接口的详细说明请看http://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html
 

小程序百度地图使用2

标签:div   form   ted   ddr   code   set   png   html   com   

原文地址:https://www.cnblogs.com/wcxjy/p/8608335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!