当前位置: 首页 > news >正文

uniapp微信小程序地图marker自定义气泡 customCallout偶尔显示不全解决办法

这个天坑问题,在微信开发工具上是不会显示出来的,只有在真机上才会偶尔出现随机样式偏移/裁剪/宽长偏移,询问社区也只是让你提交代码片段,并无解决办法。

一开始我怀疑是地图组件加载出现了问题,于是给地图加了一个v-if="reLoad"默认值false,等页面加载完成再渲染地图

onReady(){
			this.reLoad = true
			this.mapCtx = uni.createMapContext("myMap")
},

结果发现还是会出现这个问题。
然而当我尝试给点击事件添加地图this.reLoad = false ;…this.reload = true的时候,变形的marker居然正常了!!!
但是,通过重载地图的方式在地图上有逻辑时改动会相当麻烦,而且也不好判断该在什么时候重载。在经过大量调试后发现
在地图渲染后赋值marker时

// 地图渲染完成
			mapUpDate(e) {
				this.mapTime = this.mapTime + 1
				if(this.mapTime == 3){
					.....
					this.markers = markers
					setTimeout(()=>{
						this.markers = []
						this.$nextTick(()=>{
							this.markers = markers
						})
					},1000)
					....
				}
			},

只要在首次赋值后给一个延时清空并重新赋值就能解决显示变形的问题

相关文章:

  • 本地大模型构建个人知识库(Ragflow)
  • Oracle序列介绍
  • Web开发:常用 HTML 表单标签介绍
  • 数据类型与判断
  • 【后端开发面试题】每日 3 题(三十)
  • CentralCache
  • 登录窗口布局
  • 具身智能零碎知识点(一):深入解析Transformer位置编码
  • oracle 包的管理
  • ffmpeg提取字幕
  • 八大排序——c++版
  • 如何使用 Coze 的 HTTP 请求节点实现高效数据交互
  • 《深度揭秘:借助MySQL实现AI模型训练全程追溯》
  • 数据驱动金融韧性升级,开启数据交换“新范式”:构建“实时、国产化强适配”的数据交换与共享平台
  • java基础使用- 泛型
  • 《DeepSeek RAG 增强检索知识库系统》Ollama DeepSeek 流式应答页面对接之三
  • Postgres数据库源码编译及部署
  • 【11408学习记录】英语语法核心突破:揭秘表语从句结构与通知写作实战技巧
  • 数据结构与算法:基础与进阶
  • 5分钟上手GitHub Copilot:AI编程助手实战指南
  • 昆山做网站好的/seo外包 靠谱
  • wordpress淘宝客建站教程视频/厦门谷歌推广
  • 惠州网站建设公司曾/百度seo报价
  • 如何做wap网站/百度官方
  • 建设公司网站费用/引流推广多少钱一个
  • 申请公司注册需要多少钱/沈阳百度推广优化