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

vue2圆形标记(Marker)添加点击事件不弹出信息窗体(InfoWindow)的BUG解决

目录

一、问题详情

二、问题排查

三、解决方案


一、问题详情

地图上面的轨迹点希望能通过点击看到详细的经纬度信息,但是点击的时候就是显示不出来。 

二、问题排查

代码都是参考高德的官方文档,初步看没有问题啊,但是点击事件就感觉失效了一样,后来仔细一看,问题就出现在这个this上面。

在事件处理函数(circleMarker.on("click", function (e) {...})中,this的值通常指向触发事件的元素,而不是你想要的对象。

三、解决方案

通过将 this 赋值给 _that,可以在回调函数中引用原始的上下文。

这样就解决了,细节上的问题,一时没反应过来。


http://www.kler.cn/news/327508.html

相关文章:

  • 05-函数传值VS传引用
  • 2.点位管理|前后端如何交互——帝可得后台管理系统
  • 基础漏洞——SSTI(服务器模板注入)
  • leetcode-134. 加油站-贪心策略
  • 数据结构与算法学习(2)
  • 汽车灯光系统详细介绍
  • 【机器学习】---深入探讨图神经网络(GNN)
  • 【STM32】 TCP/IP通信协议(3)--LwIP网络接口
  • 将 Intersection Observer 与自定义 React Hook 结合使用
  • 基于RPA+BERT的文档辅助“悦读”系统 | OPENAIGC开发者大赛高校组AI创作力奖
  • ruoyi-python 若依python版本部署及新增模块
  • 基于springboot+微信小程序社区超市管理系统(超市3)(源码+sql脚本+视频导入教程+文档)
  • 使用 CMake 构建 C 语言项目
  • 《Zeotero的学习》
  • Linux中安装ffmpeg
  • 随手记:牛回速归
  • Simulink仿真中get_param函数用法
  • 代码随想录算法训练营Day14
  • 【C#】CacheManager:高效的 .NET 缓存管理库
  • PCL库简单NDT算法配准
  • mini-lsm通关笔记Week2Overview
  • SpringBoot中使用XXL-JOB实现灵活控制的分片处理方案
  • C++的类型转换
  • Redis: 主从复制读写分离环境搭建
  • 2024电脑视频剪辑软件全解析与推荐
  • Prompt:在AI时代,提问比答案更有价值
  • O2OA(翱途)服务器故障排查
  • 学习经验分享【38】YOLOv11解读——最新YOLO版本
  • linux文件编程_文件
  • 记录一次gRpc流式操作