微信小程序：点击按钮频繁切换，重叠自定义markers，但是值不改变

最新推荐文章于 2024-12-25 14:57:52 发布
最新推荐文章于 2024-12-25 14:57:52 发布
阅读量820 收藏
点赞数
分类专栏： 个性化地图 小程序 地图 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Crazy_GirlLL/article/details/113558137
版权

背景：点击切换右侧对应的实况要素,改变marker下面的实况信息(-22.9℃)，并且markers名字（尚志市）和实况信息（-22.9℃）并不是一个接口获取，此项目还使用了自定义的callout

自定义callout的例子在这：有需要自取https://blog.csdn.net/Crazy_GirlLL/article/details/113556336

结构如下

经大佬提示，自定义组件中的customMarkers虽然也是每次请求，但是里面的id是不变的，所以就会出现点击按钮，调取接口，数据也请求到，但是还未更新到customMarkers里面，，在每次点击按钮的时候，也就是请求新实况信息之前，就清空customMarkers里面的数据，这样就会强制渲染上

微信小程序：自定义地图markers
Crazy_GirlLL的博客
02-02 4426
index.wxml代码： <map id="myMap" layer-style="1" subkey="{{subkey}}" bindregionchange="mapScale" bindlabeltap="navigatePage" bindmarkertap="navigatePage" bindcallouttap="navigatePage" bindtap="routeTap" style="width: 100%; height:{{mapHeight}}px" lat..
微信小程序：动态获取的markers不显示问题
Crazy_GirlLL的博客
12-12 1906
这是获取markers的接口，数据也获取到了，微信开发工具也获取到了并且显示了，，但是手机预览模式看不到，只能看到原本markers在没获取之前data中的假数据，但是，但是，用真机调试就可以看到了，，而且很奇怪的一点是，除了底层地图，手机和微信开发工具都能显示，微信开发工具可以看到比如上图的那个蓝色的点，手机就看不到，手机能看到的多边形和红色的点，微信开发者工具就看不到，不太清楚什么原因 ...
小程序使用腾讯地图marker展示景区景点，marke过多互相堆叠，如何解决？
weixin_35749786的博客
12-27 1195
小程序使用腾讯地图的 marker 展示景区景点时，如果 marker 过多互相堆叠，可以通过以下几种方法来解决： 调整地图级别：通过改变地图的缩放级别，可以让 marker 在地图上有更多的空间来展示，从而避免 marker 互相堆叠的问题。 设置 marker 的偏移量：可以通过设置 marker 的偏移量来调整 marker 在地图上的位置，从而避免 marker 互相堆叠的问题。 增...
微信小程序--map组件视图无法更新的问题
m0_38021082的博客
05-08 2603
在js中使用setData更新markers数据后，地图上的markers并没有刷新，残留了上一次的markers。之前还没有这种问题，是不是基础库更新造成的bug呢？
【已解决】微信小程序腾讯地图的map清除markers，setData将marker置空后，安卓和ios还会显示上次的内容的问题所在以及解决办法
番茄Salad
11-23 1560
个人猜测引起这个问题的原因是id重叠了，导致获取不到数据，但是marker还是在的，下面是我没修改之前的代码截图，我是搜索医院位置信息的数据来渲染到map上，每次滑动map都进入一次这个方法，这里使用的id是请求返回的id。
关于 uniapp 中地图 marker 的自定义气泡 customCallout 文字不换行的问题
RemindingMe的博客
02-17 5160
解决uniapp 地图marker上的自定义气泡customCallout文字不换行的问题
微信小程序map 动态修改markers的解决方法
小玉的小本本
11-16 4322
微信小程序map动态markers的解决方法 先上效果图 这里演示点击标记点，改变他的气泡背景颜色和字体颜色 1.动态修改数据，需要用到 this.setData()， 2.markers 是一个数组，这里需要涉及setData 修改内部属性的方式： **page.js --> onMarkerTap() ** // bindmarkertap="onMarkerTap" onMarkerTap(res) { let len = this.data.markers.length
微信小程序之callout自定义气泡
03-29
一脚下去差点没从坑里爬起来，然后由于某个原因，去研究了 微信小程序里面地图 callout 这个属性 callout呢，是在标记的点上面显示 一个 气泡，作为提示用 最后展示下 效果 可以展示 顶部气泡以及监听被点击 (此...
微信小程序map组件动态markers
03-29
使用wepy框架，请求回来的数据设置给data里面初始化的markers，使用wx：if在拿到数据后渲染map组件，模拟器上没问题，真机上map组件渲染不出来   本主题由 Rolan 于 2018-10-12 14:17 审核通过       (此图片...
微信小程序：从基础到进阶的全面指南 (详细版)
最新发布
chaosweet的博客
12-25 1591
最好的代码是简单的代码——越简单，越不容易出错。
微信小程序自定义map组件标记点markers（兼容苹果和安卓）
竹叶轻拂水
05-11 1万+
先来看实现效果图（uniapp实现，代码在下面） 在图片中我们看到标记点有以下需求： 1、标记点是自定义的，并不是微信默认 2、标记点的自定义icon有四种形式 3、数字是动态的 4、数字颜色有两种形式 1、自定义标记点 2、自定义标记点icon（marker属性下使用） 3、动态数字（marker属性下使用） 数字动态展示使用marker的callout和label都可以，但是在苹果手机不显示label，在安卓手机上callout定位无效，所以在使用的时候用wx.getSystemInfo获取
微信小程序map组件markers使用遇到的bug及解决方法
weixin_44441827的博客
04-16 3456
问题出现背景 之前做过一个要map组件的小程序，要实现路线规划。通过点击不同的marker，规划处一条路径来，初始位置是用户的位置，终点由服务提供。然而现在出现了无法显示用户位置外markers的情况。 简化后代码片段 js代码： Page({ data: { markers:[] }, onLoad() { var that=this; wx.getLocation({ altitude:true, success:function(res){
uniapp微信小程序 map地图markers图标不显示，markers图标真机调试不显示
dccose的博客
04-10 5961
uniapp微信小程序 map地图markers图标不显示，markers图标真机调试不显示
小程序开发踩坑（一）
weixin_34008784的博客
12-19 166
　　一.地图模块(map组件) 我在做地图模块的时候因为要用到路线规划功能，所以引用了高德地图的小程序SDK，大家如果需要，可以参照官方SDK一步一步去配置，整个过程很简单（http://lbs.amap.com/api/wx/summary/），以下写写在地图模块遇到的一些坑。 　　1.关于高德SDK路线规划 　　整个过程没有太大的问题，但是写完之后发现我的导航总是不完整，...
微信小程序开发之路——地图调用，你得注意的几个坑
热门推荐
HouGISer的博客
08-04 2万+
文章目录现在前头开发工具版本如何调用？几个问题1. 地图组件的大小和定位2. 给地图添加控件3. 地图属性3.1 指南针3.2 比例尺3.3 显示带方向的当前定位点3.4 设置地图初始中心位置3.5 设置地图比例尺3.6 设置地图旋转角度3.7 设置地图倾斜角度3.8 允许3D楼块3.9 允许俯视3.10 允许缩放3.11 允许拖动3.12 允许旋转3.13 开启卫星图3.14 开启实时路况参考网...
微信小程序 地图实现查找标记地点
guanj0623的博客
01-16 4071
1.在小程序官方文档中有一个实例可以参考 2.导入本地实现 3.小程序里面来实现一下 .wxml 文件中 <view class="page-body"> <view class="page-section page-section-gap"> <map id="myMap" style="width: 100%; height: 300px;" latitude="{{latitude}}" lon
【微信小程序】map组件-marker数组修改后地图上不显示的解决办法
qq_40727842的博客
04-08 3761
问题 新建一个marker对象后，push到已经有标记点的marker数组里面，console.log( )可以打印出push后的数组，可以验证push成功，但并没有在地图的界面中显示出所标记的位置和图标。 尝试过的解决办法 在data里新建一个markerOne对象用于存新加的marker，用setData把新加的对象存入data中的markerOne,再push到marker数组里面，结果，仍然无法在地图中显示出所标记的位置和图标。 正解 先新建一个变量tempMarker存markers数组内容，然后
uniapp 微信小程序 map自定义气泡customCallout
qq_41395120的博客
11-03 1万+
需求：要在marker的下方展示该站点名称，但默认的气泡是在上方，后查阅微信小程序官方文档发现marker属性有个customCallout可自定义气泡 直接上代码 <template> <view class="page-body"> <view class="page-section"> <map id="map1" ref="map1" style="width: 100%; height: 100%.
小程序marker callout 遇到的坑
qq_34672907的博客
11-17 2万+
本来这几天赶项目都没有空上来博客看看的，但是！！不吐槽一下小程序marker callout 的坑我实在做不到啊，做得我超级无奈，百度居然没有详细的介绍。没办法自己闷头做吧。 我也废话少说，直接上例子。 首先 callout是气泡我想进来看的都知道，但怎么写呢。 1.先看看callout在哪里写，看例子（这个例子是正确的，显示木问题的那种） var personMarkers = {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值