怎么解决微信小程序map层级的问题
编辑：小飞燕 发布时间：2021-04-17 10:16:17
设置小程序详情页时，可能会遇到微信小程序地图级别的问题。具体问题的内容会告知，看你有没有遇到，关注微信小程序商店寻求解决方案。
地图组件的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.在“即时应用”中视频组件右侧菜单中的“微信小程序”，然后“粘贴”链接。再次单击预览。此时，您可以在小程序中单击播放来查看视频。
新手怎么做
小程序有什么用怎么用？
有时候我想让一些线下的客户上线，但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了
支付宝小程序是不是流失很多？
这个还挺多的。
为什么后台的小程序爆款实验室消失了？
几个月前就消失了，相关营销取而代之
小程序现在很流行 这样做有用吗？
小节目也会有一定的效果，但也需要有代价的推广。如果站内推广正在进行，你想扩大推广范围，可以尝试去做。如果不做站内推广，没必要做小节目。车站是排水的主战场。希望我的回答能让你满意！
上一篇：附近小程序范围是多远
下一篇：怎么样设置微信附近小程序
猜你喜欢
-
4个微信小程序聊天技巧1155人喜欢
估计有不少人都使用过微信的聊天功能，其实这项功能是通过开发微信小程序达到的，微信小程序聊天功能要怎么开发?一起来看看具体步骤吧。1、整体框架很简单，两个页面。两个tab，并修改window标题栏和tabbar的颜色等属性就好。这个全部在app.json中完成。2、image组…
更新时间：2020-08-17 16:19:34
-
微信小程序跳转到淘宝技巧1112人喜欢
微信小程序可以跳转到淘宝吗?微信小程序如何跳转到淘宝?微信小程序对于有些用户而言其实是个非常好的平台，微信小程序其实可以跳转到淘宝，小程序把微信做成了淘宝，那么微信小程序可以跳转到淘宝吗?微信小程序如何跳转到淘宝呢?淘宝从用户角度而言是个购物工具，从…
更新时间：2020-10-05 09:23:04
-
2个微信小程序接口技巧1075人喜欢
微信小程序开发有哪些接口?据微信官方介绍，微信小程序包括线下扫码、对话分享、消息通知、小程序切换、历史列表、公众号关联和搜索查找等7大功能。当下最受大众喜爱的微信小程序小程序有哪些接口?小编将举例来说明一下微信小程序开发有哪些接口?本文档将带你…
更新时间：2020-08-31 20:09:05
-
6个修改小程序技巧1049人喜欢
小程序授权怎么修改?修改小程序授权代码是什么各位网友们，如果您的微信小程序同意了授权了，但是想要修改小程序授权，对于这种情况，不妨参考一下小编的小程序授权怎么修改的方法吧。小程序授权怎么修改?大家都发现了，涉及到授权获取用户基本信息，同意了小程序授权后…
更新时间：2020-08-24 10:47:00
-
9个小程序红包技巧1039人喜欢
微信发红包很普遍也很简单，但是微信小程序兴起之后，很多商户开始用微信小程序发红包了，这样也有利于大家对小程序本身的关注，接下来就一起来学习下操作方式吧!登录微信支付商户平台在调用接口前有一些工作需要商户登录微信小程序支付商户平台进行操作，请使用微信…
更新时间：2019-11-09 16:29:18
-
12个小程序图片技巧1036人喜欢
微信小程序无法显示图片，图片显示不全怎么办?对于一张网络图片高度太高，而显示不全如何解决?下面小编就来为大家讲解一下。其实我一贯的观点是，所有的问题从api中都能够找到答案，只是有时候缺少耐心，而没有好好去读官方api,出现问题后着急的google、百度、github.…
更新时间：2019-11-10 13:52:04
-
6个小程序投票技巧1034人喜欢
大家想必都使用过微信小程序，微信小程序也丰富了我们的微信生活。下面小编就来为大家讲解一下微信小程序投票系统开发以及微信小程序应用开发。微信小程序七大解读：1、线下扫码：用户可以在微信小程序中使用扫一扫。2、对话分享：用户可以分享微信小程序或其中的任…
更新时间：2020-01-24 16:02:28
-
2个小程序优化技巧1020人喜欢
在小编鼓起勇气开发了两个小程序之后，发现其实可以对开发过程进行一些优化，这样最终开发出来的小程序体验会好很多。以下是微信小程序优化方案，也是一些优化心得，希望能够帮助到大家。1、理解wx:if和hidden，并合理利用，官方文档中并没有明确说出hidden如何使用，要不…
更新时间：2020-08-22 16:44:11
-
3个小程序空格代码技巧1007人喜欢
每一种小程序代码对于小程序的功能的实现都是有不同作用的，那么微信小程序空格代码有什么作用呢?一起来看看以下资料，你就明白了。先上一张处理前的代码图：第一步：在右边的代码界面中右键单击(左边要在“编辑”tab)，在出现的菜单中选择“格式化代码”。格式化的效…
更新时间：2020-08-24 10:51:58
-
7个小程序输出技巧1006人喜欢
小程序的输出有很多种形式，之前介绍了小程序输出日志的相关资料，接下来小编要讲解的是微信小程序控制台输出的开发实例，一起来看看吧。在此之前，我们必须先在微信小程序的平台上，设置下域名：注意：微信小程序，不支持普通的http协议，必须通过https协议。于是，我在本地搭…
更新时间：2019-11-08 14:37:35
-
8个微信小程序扫码技巧1006人喜欢
微信小程序扫码接口怎么开通?如果开通了微信小程序扫码接口以后，那么用微信扫普通微信二维码就打开微信小程序了哦。这对于推广微信小程序来说有很大的帮助，以下是具体的方法了。微信小程序扫码接口怎么开通?为了方便小程序开发者更便捷地推广小程序，兼容线下已…
更新时间：2019-11-10 13:53:40
-
10个商家小程序技巧1003人喜欢
微信开放了附近的小程序之后引起了很多小程序使用者的关注，但是这个功能似乎对于商家来说意义更为重大，一起来看看商家怎么入驻微信附近小程序吧。核心提示：首先我们先了解一下那些商户可以使用“附近的小程序”目前可以加入的商家有帐号类型为企业、媒体、政府…
更新时间：2019-11-04 15:51:11
代理怎么做热门信息
关注人数：3600
关注人数：3267
关注人数：1817
-
关注人数：1155
关注人数：1149
-
关注人数：1112
-
关注人数：1075
-
关注人数：1049
-
关注人数：1039
-
关注人数：1036