微信小程序：动态获取的markers不显示问题

最新推荐文章于 2024-08-23 14:38:56 发布
最新推荐文章于 2024-08-23 14:38:56 发布
阅读量1.7k 收藏 3
点赞数
分类专栏： 小程序 地图 日常踩坑 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Crazy_GirlLL/article/details/111086442
版权
在微信小程序中遇到动态获取的markers无法在手机预览模式显示的问题，只有在真机调试时才能正常看到。虽然数据成功获取并在微信开发工具中显示，但手机预览模式只显示初始化的静态数据。经过排查，发现问题可能与未删除的logs文件以及小程序名称为中文有关，删除无用文件并改为英文名称后，问题得到解决。
摘要由CSDN通过智能技术生成

这是获取markers的接口，数据也获取到了，微信开发工具也获取到了并且显示了，

，但是手机预览模式看不到，只能看到原本markers在没获取之前data中的假数据，但是，但是，用真机调试就可以看到了，

，

而且很奇怪的一点是，除了底层地图，手机和微信开发工具都能显示，微信开发工具可以看到比如上图的那个蓝色的点，手机就看不到，手机能看到的多边形和红色的点，微信开发者工具就看不到，不太清楚什么原因

应该是知道什么原因了，把没用的logs文件删除了，然后小程序名字从中文改为英文了，这应该就是问题原因了

Crazy_GirlLL
关注
专栏目录
微信小程序 - 详细解决map地图上使用自定义图标图片或自定义样式进行markers标记点，手机真机运行时安卓系统、苹果ios系统会出现不显示标记点的问题（大概率安卓正常显示标记点，但苹果就加载失败）
高级前端工程师
08-06 4133
微信小程序，map，地图组件，安卓android，苹果ios，真机调试，marker，标记点，在地图上标记，突然就不显示白屏了没动代码，自定义标记点icon，label动态数字，小程序地图markers标记点显示不出来，微信小程序map组件，地图加载后marker标记点ios设备不显示，android正常显示，添加多个标记点。安卓能正常显示标记点图标，IOS设备不显示标记点图标，map地图白屏不显示标记，图标真机调试不显示，自定义图标，报错，页面白屏，不报错也不显示，无法加载，图片展示不出来，iconPat
微信小程序避坑：地图上bindmarkertap事件在获取不到id值
weixin_46441103的博客
04-27 2320
最近在做微信小程序时，遇到的问题，分享记录下来： 因为升级了微信开发者工具，发现之前做的功能不起作用了，我在获取某个点的marker的id时，发现按以前的方式获取出来是这样的，或者就是undefined 经过查证，原因有如下几点，并附解决办法： 1.为了保证没问题，可以做双重判断，如果e.markerId没有值时，就用e.detail.markerId 2.切换到2.12以下版本，以上版本会有问题。 3.如果想用高版本，可用 1 的方式获取值。 注：在给marker赋值时，设置成numbe.
uniapp 微信小程序 map marker图标不显示，点击图标进行切换，动态设置scale，ios图标不显示的处理，根据地图缩放层级展示不同数据
最新发布
qq_66991255的博客
08-23 566
uniapp 微信小程序 map marker图标不显示，点击图标进行切换，动态设置scale，ios图标不显示的处理，根据地图缩放层级展示不同数据
小程序map开发工具显示makers,真机不显示makers
TO_Web的博客
06-04 1413
微信小程序中 使用腾讯地图开发工具中显示makers,但是真机不显示makers 1.场景: 搜索周边POI,然后显示出来 我处理这个问题的时候, 主要想到两步: 1.检查在makers中的图标路径对不对, 基本上这个都是正确的 2.就是没有配置合法域名: 把 https://apis.map.qq.com 添加到request合法域名列表中, 然后回到开发工具中清除一下缓存再刷新一下, 预览就应该可以了,我到这步就可以显示了,不知道大家有没有遇到别的情况,可以讨论一下 PS:我在小程序中用高德地图接口的
微信小程序--map组件--一组markers不显示问题
deercho的博客
08-16 4090
问题描述： 外部导入的一组marker无法显示 刚开始我是直接push上去的，可以看到markers有数据，但是它楞不给我显示。然后我一查markers的属性，是object，怀疑要把object转成数组才可以用，正当我找怎么转化的时候，看到一篇博文说要先push到一个变量里，再setData，抱着死马当活马医的心态。。。 居然出现了，看一下控制台。。。 一毛一样！类型也是object，我想不明白，有人能给我解释吗？ ...
微信小程序map组件，地图加载后marker标记点ios设备不显示，android正常显示
qq_36158551的博客
12-19 1354
微信小程序使用map组件，获取当前位置，地图渲染后，在当前位置附近添加标记点，使用marker添加多个标记点。android设备能正常显示标记点图标，IOS设备不显示标记点图标。
微信小程序 腾讯地图显示偏差问题解决
10-16
总结起来，解决微信小程序腾讯地图显示偏差问题的核心在于理解不同坐标系统的差异，并使用适当的工具进行坐标转换。通过引入gcoord库并正确调用转换函数，可以有效地将其他地图API的数据转换为适合微信小程序的地图...
微信小程序：地图markers聚合 initMarkerCluster
Crazy_GirlLL的博客
01-21 4180
效果图 上代码： //使用聚合效果 markerCluster() { this.data.map.initMarkerCluster({ enableDefaultStyle: true, gridSize: 100, zoomOnClick: true, success: (res) => { console.log(res) }, complete: (res) => { console.log(res) },
腾讯地图、微信小程序、轨迹、路线图、marker标记点
05-27
在IT行业中，微信小程序是一种轻量级的应用开发平台，它允许开发者快速构建可以在微信内运行的应用。本项目涉及的是利用腾讯地图服务在微信小程序中实现轨迹和路线图的展示，以及使用marker标记点来突出特定位置。...
微信小程序地图(map)组件点击(tap)获取经纬度的方法
10-17
为了实现上述功能，开发者需要通过微信小程序的API来创建和管理这些Marker。首先，可以在小程序页面的json文件中定义map组件，并绑定各种事件，如控制点击、区域变化、标记点击等。在wxml文件中，通过标签添加地图，...
【微信小程序】map组件-marker数组修改后地图上不显示的解决办法
qq_40727842的博客
04-08 3605
问题 新建一个marker对象后，push到已经有标记点的marker数组里面，console.log( )可以打印出push后的数组，可以验证push成功，但并没有在地图的界面中显示出所标记的位置和图标。 尝试过的解决办法 在data里新建一个markerOne对象用于存新加的marker，用setData把新加的对象存入data中的markerOne,再push到marker数组里面，结果，仍然无法在地图中显示出所标记的位置和图标。 正解 先新建一个变量tempMarker存markers数组内容，然后
微信小程序map组件请求的markers数据无法渲染
weixin_45544919的博客
03-23 649
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
uniapp 微信小程序 map获取接口数据后地图标注marker不会渲染显示
树上骑个猴的博客
02-19 1999
1.先确保marker数据符合要求，比如id、latitude、longitude等字段都有。 2.等页面加载完成后再渲染： const that = this wx.nextTick(() => { that.markers = data uni.hideLoading() }) ↑ 在这里用wx.nextTick代替this.$nextTick。 如果以上办法没用，就只能用setTimeout，且把时间设置长一点，比如4秒 ...
微信小程序map组件markers自定义图标真机显示问题
SamuraiBlue的博客
04-03 3952
微信小程序map组件markers组件的自定义图标模拟器可以显示，真机不显示。 应该是开发工具模拟器和真机的基础库版本不同，导致接口属性要求不一样。之前markers的iconPath直接用的引入的图片对象，是base64格式。根据最新map的官方接口文档里显示iconPath规范为：“项目目录下的图片路径，支持网络路径、本地路径、代码包路径（2.3.0）”。 遂直接将iconPath换成指向路径的字符串，还是，不行。uniapp map地图显示图标markers问题，自定义图标不显示_web13985
微信小程序将后台数据传给map中的多个markers 用for循环赋值
weixin_40938312的博客
02-08 2938
首先是后台创建map类 package bean; public class mapbean { private String iconPath; public String getIconPath() { return iconPath; } public void setIconPath(String iconPath) { this.iconPath = iconPath; } ...
mpvue小程序map组件动态生成markers
澜岚伊人的博客
09-24 1066
最近在公司需要做新小程序的项目，其中有个需求类似滴滴打车的路线规划，实现的第一步就遇到点小问题。发现markers写在data中是可以展示出来的，但是从后台获取数据的后那个markers就不显示了 出现该现象的原因：由于异步设置值的过程，组件已经渲染。但是map变量没有预定义是undefined状态，map初始化拿不到数据直接报错了，而异步过来又变成动态更新导致了wxml需要重新渲染map...
小程序map实现 marker、导航
tekabo的博客
11-29 7834
marker . WXML <map class="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" include-points="{{markers}}" bindmarkertap="clickMarker" wx:if="{{true}}" show-location>&lt...
微信小程序——地图定位点marker
我是我
10-26 4430
微信开放文档map 微信开放文档地图相关API 一、目标实现 显示部分地图，并在想要位置进行标点定位 二、实现过程 1.在页面wxml文件中绘制一个地图 <view class="schools-map"> <map id="myMap" scale="15" // 缩放级别 latitude="{{latitude}}" // 当前纬度 longitude="{{longitude}}" // 当前经度
微信小程序map 动态修改markers的解决方法
06-02
要动态修改微信小程序 Map 组件的 markers，可以使用 MapContext 对象的方法来实现。具体步骤如下： 1. 在页面的 wxml 文件中引入 Map 组件，并设置 mapId 属性： ``` <map id="map" mapId="myMap"></map> ``` 2. 在页面的 js 文件中获取 MapContext 对象： ``` const mapContext = wx.createMapContext('myMap'); ``` 3. 使用 MapContext 对象的方法来动态修改 markers： ``` mapContext.getCenterLocation({ success: function(res) { // 获取地图中心点的经纬度 const latitude = res.latitude; const longitude = res.longitude; // 更新 markers mapContext.getMarkers({ success: function(res) { const markers = res.markers; markers.forEach(function(marker) { marker.latitude = latitude; marker.longitude = longitude; }); mapContext.setMarkers({ markers: markers }); } }); } }); ``` 在上述代码中，我们使用了 MapContext 对象的 getCenterLocation 方法来获取地图中心点的经纬度，然后使用 getMarkers 方法来获取当前的 markers，最后使用 setMarkers 方法来更新 markers。需要注意的是，setMarkers 方法只能更新 markers 数组中的数据，不能新增或删除 markers。如果需要新增或删除 markers，需要重新设置 markers 数组。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值