怎么解决微信小程序map层级的问题

作者:小飞燕 发布时间:2021-04-17 10:16:17

导语本文整理了全网深受用户关注的个怎么解决微信小程序map层级的问题经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!

设置小程序详情页时,可能会遇到微信小程序地图级别的问题。具体问题的内容会告知,看你有没有遇到,关注微信小程序商店寻求解决方案。

地图组件的markers属性是在异步请求数据后设置的,导致微信底层小程序渲染错误。但是如果我先初始化数据中的markers变量,小程序每次都不能正常渲染初始化后的北京数据。然后写了下面的测试:

test.js:

小程序企业认证

[普通]查看普通副本

页面({

数据:{

小程序下拉

map:{

lat: 0,lng: 0,markers: [],hasmarkers: false//解决方案

}

微信小程序认证步骤

},

onload:函数(选项){

that=this

微信小程序示例

wx.getlocation({

type: 'wgs84 ',//默认情况下,wgs84返回gps坐标,gcj02返回可用于wx.openlocation的坐标

成功:功能(res) {

微信小程序命名规则

//成功

wx.request({

url : ' https://xxx.com/detail . htm?vid=3latlng=' res.latitude ',' res .经度,data: {},method: 'get ',//options,get,head,post,put,delete,trace,connect

小程序话术

//header: {},//设置请求的头

成功:功能(res) {

//成功

小程序主体类型

that.setdata({

map.lat': res.data.data.lat,map.lng': res.data.data.lng,map.markers': [{

纬度: res.data.data.lat,经度: res.data.data.lng,name: res.data.data.title,desc: res.data.data.address

小程序机器人

}],

map.hasmarkers': true//解决方案

});

小程序样式

console . log(that . data . map . markers);

}

})

微信小程序开发教程

}

})

}

开发小程序

});

test.wxml:

[普通]查看普通副本

微信小程序下拉菜单

{ { map . lat } }-{ { map . lng } }-{ { map . markers[0]。name}} - {{map.markers[0]。desc}}

测试1:数据中没有初始化映射变量

测试2:初始化地图变量并用wxml打印出地图数据

微信小程序入驻

为什么会这样?经过各种测试,比较终发现只要不是通过远程请求设置map值,就不会有问题。

后来被大神用户指出,由于值的异步设置,组件已经被渲染。但是,map变量不是在未定义的状态下预定义的,map初始化无法获取数据并直接报告错误,这是由于wxml在异步更新时需要重新呈现map组件造成的。因为文件提到:

需要地图组件的纬度和经度。如果不是,默认值是北京的经纬度。标记只能在初始化期间设置,不支持动态更新。

关联小程序用途

初始化只能进行一次,所以每次都显示初始化信息。

然后,网友给出的解决方案完美的解决了这个问题:

wx:if会渲染组件,所以我们可以根据这个想法给它添加一个if

微信小程序收费吗

默认的映射是假的,也就是说,加载时不呈现映射组件,当品牌ax返回时,映射被设置为真,这样它就可以动态地呈现到您想要的地址

比较后解决方法如下【再次感谢大神网友的帮助】:

下面是如何在标题开头添加一个微信小程序的推广视频。标题到此结束

小程序语音接口

自从微信正式宣布开通小程序推广功能后,各商家的小程序或个人都在寻找推广的途径,利用微信小程序推广视频就是有效途径之一。但是要把宣传视频插入到小程序中,还是需要学习具体的步骤。

方法/步骤

11.打开即时应用,“立即制作”(制作一个小程序)

小程序关键词搜索

22.“空白模板”(因为它是用来演示的,你不追求图片的细节和美观,直接使用空白页即可)

3.在“组件库”的基本组件中找到“视频”组件。并拖到手机模拟小程序界面。

4.在右侧菜单中,选择“微信小程序”,填写“视频源文件代码”

小程序字符

5.如果不知道怎么获取视频源代码。我们也可以在这里教你。你可以随意打开一个网站的视频。(以腾讯视频为例)搜索想要放入小程序的视频(比如搜索“即时应用”)

6.打开视频后,在空白处单击鼠标右键选择“检查”

7.在跳出的微信小程序商店页面,找到“网络”找到“全部”

小程序跳转

8.单击“清除”按钮,然后按“f5”刷新页面。

9.等待5秒,当页面快加载的时候(5秒后会加载页面,但是忽略它,因为5秒后我们需要的源代码已经加载)

之后,找到“类型”栏,在该栏中下拉找到“视频/mp4”

小程序营销

找到后,“视频/mp4”左侧的链接

10.在弹出的页面上“标题”,你会看到我们需要的视频源文件的链接。然后选择复制。

11.在“即时应用”中视频组件右侧菜单中的“微信小程序”,然后“粘贴”链接。再次单击预览。此时,您可以在小程序中单击播放来查看视频。

微信小程序跳转到淘宝

新手怎么做

小程序有什么用怎么用?

有时候我想让一些线下的客户上线,但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了

支付宝小程序是不是流失很多?

这个还挺多的。

为什么后台的小程序爆款实验室消失了?

几个月前就消失了,相关营销取而代之

小程序现在很流行 这样做有用吗?

小节目也会有一定的效果,但也需要有代价的推广。如果站内推广正在进行,你想扩大推广范围,可以尝试去做。如果不做站内推广,没必要做小节目。车站是排水的主战场。希望我的回答能让你满意!

查看全文

猜你喜欢

微商怎么找货源

频道查询入口

微商代理怎么做