为什么会出现微信小程序定位失败
编辑:小飞燕 发布时间:2021-04-19 10:16:09
有用户反映在使用小程序定位功能的时候出现了微信小程序定位失败的情况,如果排除了手机本身的故障,那应该是在开发的时候就出了问题,包括环境搭建和具体的开发步骤。接下来就一起来回顾一下具体要怎么操作,大家可以对照着看看自己是哪里出了错。
微信小程序定位环境搭建:
注册,获取小程序appid微信网开发者工具打开微信网开发者工具,扫码登录,新建小程序,输入appid,勾选创建快速启动项目。
微信小程序定位开发过程:
在小程序地图定位选择相应的位置功能
我们直接修改指数页面来做这个功能。
新建毕业生目录,加入2个图标(ic_location和ic_position),用于标记当前位置,和地图中央位置。
修改app.js,加入定位功能,获取当前位置。
//app.js
app({
onlaunch:函数{
//调用美国石油学会(美国石油学会)从本地缓存中获取数据
var logs=wx。getstorageync(' logs ')| |[]
logs.unshift(date.now)
wx。setstoragesync(' log ',log)
}
,getuserinfo:function(cb){
变量=这个
if(this.globaldata.userinfo){
cb的类型==' function ' cb(这个。数据。用户信息)
}else{
//调用小程序登录接口
wx.login({
成功:功能{
wx.getuserinfo({
成功:功能(res) {
那个。数据。用户信息=资源。用户信息
cb的类型==' function ' cb(即。数据。用户信息)
}
})
}
})
}
}
//获取定位信息
,getlocationinfo : function(cb){
那=这个
if(this。数据。位置信息){
cb(这个。数据。位置信息)
}else{
wx.getlocation({
type: 'gcj02 ',//默认为wgs84返回定位系统坐标,gcj02返回可用于wx.openlocation的坐标
成功:功能(res){
那个。数据。位置信息=资源;
cb(那个。数据。位置信息)
},
fail:功能{
//失败
},
完成:功能{
//完成
}
})
}
}
,globaldata:{
userinfo:null
,locationinfo: null
}
}) 地图控件布局
修改页面/索引/索引。页面结构文件,添加小程序地图层级标签,如下
经度=' { {经度}} '纬度=' { {纬度}} '
标记='{{markers}} '
比例尺='20 '
style=' width : { { map _ width } } px;'' height:{{map_height}}px '
bindregionchange='regionchange '
控件=' { { controls } }
123456789123456789
需要给地图指定一个小程序id,后面可以通过编号获取地图的上下文。
监听bindregionchange事件,地图变化的时候可以监听到。
地图的大小不要写死,动态设置,我这里打算设置为宽高都是屏幕宽度。
控制是固定在地图组件上面的。一开始我想用图像替代,但是设置z指数也不能在地图上面,毕竟不是h5开发。
逻辑代码编写
编辑index.js
var app=getapp
页面({
数据:{
map_width: 380
,map_height: 380
}
//显示当前位置
,onload:函数{
那=这个
//获取定位,并把位置标示出来
app。getlocationinfo(函数(位置信息){
console.log('map ',位置信息);
that.setdata({
经度: locationinfo。经度
,纬度locationinfo .纬度:
,markers:[
{
id: 0
,iconpath: '././imgs/ic_position.png '
,经度: locationinfo。经度
,纬度locationinfo .纬度:
,宽度: 30
,高度: 30
}
]
})
})
//设置宽度和高度
//动态设置地图的宽和高
wx.getsysteminfo({
成功:功能(res) {
控制台。日志(' get system info ');
控制台。日志(记录窗口宽度);
that.setdata({
map_width: res.windowwidth
,map_height: res.windowwidth
,控件:[{
id: 1,iconpath: '././imgs/ic_location.png ',位置: {
res.windowwidth/2路:号,top : res.windowwidth/2-16,
宽度: 30,
高度: 30
},
可:真
}]
})
}
})
}
//得到中点的经纬度,标出来
,getlnglat:函数{
that=this
this . mapctx=wx . create mapcontext(' map4 select ');
this . mapctx . getcentral location({
成功:功能(res){
that.setdata({
经度: res .经度
纬度: res .纬度
,markers:[
{
id: 0
,iconpath: '././imgs/ic_position.png '
,经度: res .经度
纬度: res .纬度
,宽度: 30
,高度: 30
}
]
})
}
})
}
,regionchange(e) {
//当地图发生变化时,获取中点,即用户选择的位置
if(e.type=='end'){
this.getlnglat
}
}
,markertap(e) {
console.log(e)
}
})
这样,就可以了。用户可以看到自己的定位。如果他们觉得有偏差,可以移动地图,把中心点放在他们认为准确的位置。
下面是题目的开头。微信附近找不到小程序。怎么才能找到小程序?标题到此结束
虽然小程序的使用已经让很多人说给生活带来了便利,但是比较近出现了微信附近的小程序找不到的情况。怎么才能找到小程序用?我们来看看教程。
方法/步骤
打开手机后,在手机屏幕上找到微信的小程序图标,并登录小程序
在打开的微信小程序存储页面中,我们单击“发现”选项卡
在发现页面,如果有一个小程序,会显示在游戏底部,但是我们还没有找到,所以我们先来看看我们的微信版本号
微信上的“我”标签,进入我的页面,底部的“设置”菜单项
在打开的设置页面,“关于微信”菜单项
在关于微信的页面上,可以看到微信的版本,看看是不是6.5.3。如果不是,升级你的微信。如果是,继续以下操作。
回到微信首页后,上面的“搜索”图标
这时,微信搜索框会打开,在这里输入关键字“急房”
搜索找到解忧室的搜索结果,小程序搜索结果
上一篇:微信小程序设置苹方字体怎么操作
下一篇:小程序入口地址有哪些