作者:小飞燕 发布时间:2021-03-27 16:30:39
导语本文整理了全网深受用户关注的个关于微信小程序地图定位经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!
微信小程序的地图定位怎么做?微信小程序一发布内部测试就火了,引起了人们的关注。下面的小系列会给你讲解如何做微信小程序的地图定位。
需要完成的功能:
1.要完成的重点是城市定位。
2.就是换个城市。
首页我们先参考微信小程序打开的公文了解一下:
在这里我们可以找到当前位置的纬度和经度
getlocation:函数
{
var that=this wx.getlocation(
{
成功:功能(res) {
console.log(res)
that.setdata({
haslocation: true,位置:格式位置(res经度,res纬度)//这是获取纬度和经度
})
}
})
},
//将经纬度转换成城市名称和街道地址,参见搜索地图界面文档:http://developer.baidu.com/map/index.php? title=web api/guide/web service-地理编码
onload:函数(选项){
console.log('onload ')
that=this
wx.getlocation({
成功:功能(res) {
wx.request({
url : ' http://api . map . baidu.com/geocoder/v2/?ak=btsvvwf0 tm1 zubebzfz6 qqwfcallback=renderreverselolocation=' res . latitude ',' res .经度' output=jsonpois=1 ',data: {},header : { ' content-type ' : ' application/json ' },成功:功能(操作){
console.log(ops.data)
}
})
//console.log(res)
//那个. setdata({
//haslocation: true,//location : format location(res .经度,res .纬度)
//})
}
})
}
这里微信小程序的文档是https请求发起的
这里有些情况我就不解释了:
以上代码打印的数据是:
renderreverserenderreverse(
{ '状态' :0,结果' :
{'location':{'lng':114,057867999997,' lat':22,22 } 19999年,1999年,1998年,1999年,1999年,1999年,1999年,1999年,1999年,1999年,1
格式_地址' : '广东省深圳市福田区华福一路138-5号',商务' : '米香新洲购物公园',地址组件' : {'country' :' china ',' country _ code' 33600,'省份' : '广东省','城市' : '深圳','区' : '福田区','广告代码' street': '华福一路',' street _ number' :' 138-5 ','方向' : '附近','距离' :' 18'},' pois' :37777777777375办公大楼','电话' : ' ',' uid ' : ' c7fb 04 bd 8 fb 44d 68 fb 0 cad85 ',' zip' :''},{'addr' : '深圳福田区',' cp' : ' ','方向我们的名字是' : '购物公园',' poitype': '购物',' point' :我们的名字是' : '投行大厦',' poitype':' real estate ',' point' : {'x' 2020208,' y'},' tag ' .3033030005 office building ',' tel' : ' ',' uid ' : ' b3 a 40 a 67 bed be 7782 fb 17e a 0 ',' zip' :''},{ ' addr ' : {'addr' 3360 '华福一路88号',' cp' : '我们的名字' : '中央商务大厦',' poitype': '房地产',' point' : {'x' 141531315,' y' 206121 ',' tag office building ',' tel' : ' ',' uid ' : ' cac 5fc 76d 0304 d8 e 2d b 96 d8 b ',' zip ' 深圳市福田中心区(投资大厦旁)',' cp' 3360' distance' :' 229 ',' name ' : ' marco polo good day hotel in深圳',' poitype':' hotel ',' point' : {'x ',' y ' .3369988100805 star hotel ',' tel ' 3360 ' ',' uid' :' 0523a14106ceb804b 深圳市福田区深南大道4103号兴业银行大厦'距离' :' 158 ','名称' : '深圳公证处(一路)',' poitype': '政*机关',' point' : {'x ',' y ' .333333333036公安机关',' tel' : ' ',' uid ' : ' 765 bf 8 daf 4d 0
可以找城市发进去。
第二步:换城市:
在我们微信小程序的开发文档中,有
采摘者
滚动选择器,现在支持三个选择器,按模式区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。
普通选择器:模式=选择器
属性名称类型默认值的描述
当range array[]模式为选择器时,范围有效
当valuenumber0mode是选择器时,它是一个数字,指示选择了哪个范围,从0开始。
bindchangeeventhandle值更改时触发更改事件,event.detail={value: value}
时间选择器:模式=时间
属性名称类型默认值的描述
值字符串以“hh:mm”的格式表示选定的时间
startstring表示有效时间范围的开始,字符串格式为“hh:mm”
endstring表示有效时间范围的结束,字符串格式为“hh:mm”
bindchangeeventhandle值更改时触发更改事件,event.detail={value: value}
日期选择器:模式=日期
属性名称类型默认值的描述
valuestring0表示选定的日期,格式为“yyyy-mm-dd”
startstring表示有效日期范围的开始,字符串格式为“yyyy-mm-dd”
endstring表示有效日期范围的结束,字符串格式为“yyyy-mm-dd”
字段的有效值是年、月和日,表示选择器的粒度
bindchangeeventhandle值更改时触发更改事件,event.detail={value: value}
注意:开发工具暂时只支持mode=selector。
示例代码:
地区选择器
当前选择:{ {数组[索引]}}
时间选择器
当前选择是: {{time}}
日期选择器
当前选择是: {{date}}
页面({
数据: {
array: ['美国','中国','巴西','日本'],index: 0,日期: '2021-09-01 ',时间: '12:01 '
},
bindpickerchange:函数(e) {
console.log('选取器发送带有值' e.detail.value '的选择更改)
this.setdata({
索引: e.detail.value
})
},
binddatechange:函数(e) {
this.setdata({
日期: e.detail.value
})
p},bindtimechange:函数(e) {
this.setdata({
时间: e.detail.value
})
}
})
{{cityname}}
{{array[index]}}
切换城市
下面是标题开头微信小程序地图定位和微信小程序地图定位的简单例子。标题到此结束
随着微信小程序的热潮,各种小应用层出不穷,人们在外面总是需要地图查询和定位。有人问开发微信小程序时如何操作地图位置?以下是小编整理的相关内容。
需要完成的功能:
1.要完成的重点是城市定位。
2.就是换个城市。
首页我们先参考微信小程序打开的公文了解一下:
在这里我们可以找到当前位置的纬度和经度
将经度和纬度转换为城市名称和街道地址
这里微信小程序的文档是https请求发起的
以上代码打印的数据是:
renderreverserenderreverse(
{ '状态' :0,结果' :
{'location':{'lng':114,057867999997,' lat':22,22 } 19999年,1999年,1998年,1999年,1999年,1999年,1999年,1999年,1999年,1999年,1
格式_地址' : '广东省深圳市福田区华福一路138-5号',商务' : '米香新洲购物公园',地址组件' : {'country' :' china ',' country _ code' 33600,'省份' : '广东省','城市' : '深圳','区' : '福田区','广告代码' street': '华福一路',' street _ number' :' 138-5 ','方向' : '附近','距离' :' 18'},' pois' :37777777777375办公大楼','电话' : ' ',' uid ' : ' c7fb 04 bd 8 fb 44d 68 fb 0 cad85 ',' zip' :''},{'addr' : '深圳福田区',' cp' : ' ','方向我们的名字是' : '购物公园',' poitype': '购物',' point' :我们的名字是' : '投行大厦',' poitype':' real estate ',' point' : {'x' 2020208,' y'},' tag ' .3033030005 office building ',' tel' : ' ',' uid ' : ' b3 a 40 a 67 bed be 7782 fb 17e a 0 ',' zip' :''},{ ' addr ' : {'addr' 3360 '华福一路88号',' cp' : '我们的名字' : '中央商务大厦',' poitype': '房地产',' point' : {'x' 141531315,' y' 206121 ',' tag office building ',' tel' : ' ',' uid ' : ' cac 5fc 76d 0304 d8 e 2d b 96 d8 b ',' zip ' 深圳市福田中心区(投资大厦旁)',' cp' 3360' distance' :' 229 ',' name ' : ' marco polo good day hotel in深圳',' poitype':' hotel ',' point' : {'x ',' y ' .3369988100805 star hotel ',' tel ' 3360 ' ',' uid' :' 0523a14106ceb804b 深圳市福田区深南大道4103号兴业银行大厦'距离' :' 158 ','名称' : '深圳公证处(一路)',' poitype': '政*机关',' point' : {'x ',' y ' .333333333036公安机关',' tel' : ' ',' uid ' : ' 765 bf 8 daf 4d 0
可以找城市发进去。
第二步:换城市:
在我们微信小程序的开发文档中,有
采摘者
滚动选择器,现在支持三个选择器,按模式区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。
普通选择器:模式=选择器
时间选择器:模式=时间
日期选择器:模式=日期
注意:开发工具暂时只支持mode=selector。
示例代码:
以上是微信小程序地图定位的一个简单例子,看似复杂,但熟悉起来还是很简单的。想了解更多微信小程序,请关注源代理网的小程序渠道。
这是第一段的结尾。下面是一个在比较后添加微信小程序地图定位的简单例子,已经被298网友看好了!正文到此结束
上一篇:小程序可以分享朋友圈吗
下一篇:微信小程序和服务号的区别是什么
525位用户关注
756位用户关注
234位用户关注
586位用户关注
924位用户关注
350位用户关注
111位用户关注
94位用户关注
30位用户关注
58位用户关注
52位用户关注
360位用户关注