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

Mapbox-gl 关闭所有Popup,以及关闭按钮出现黑色边框bug

1.官方示例

var popup = new mapboxgl.Popup().addTo(map);popup.remove();

很明显,需要记录popup对象,管理起来比较麻烦。

2.本人采用div的方式关闭所有的popup,在map对象上新增加方法

map.closePopup=mapView.popupClear = function(){$(".mapboxgl-popup").remove();
}

调用的时候,使用map.closePopup() 或者 map.popupClear

3.最近使用mapbox-gl新版本,发现popup出现如下界面效果,

而我们通常见到的效果如下:

不知道是什么原因,或者是测试时遗留下来的bug,作为一个完美主义者,必须搞定,增加一行css控制即可(其实在popup显示时使用了focus聚焦关闭按钮)。

.mapboxgl-popup-close-button {outline:none !important;
}

http://www.lryc.cn/news/147932.html

相关文章:

  • RE:从零开始的车载Android HMI(四) - 收音机刻度尺
  • 评估安全 Wi-Fi 接入:Cisco ISE、Aruba、Portnox 和 Foxpass
  • java 泛型作为方法的返回值的封装
  • ASP.NET Core 中基于 Minimal APIs 的Web API
  • Unity ProBuilder SetUVs 不起作用
  • c#接口(interface)
  • SSH远程连接macOS服务器:通过cpolar内网穿透技术实现远程访问的设置方法
  • 【C++】Visual Studio EditorConfig 格式设置
  • 服务器单机大规模数据存储方案
  • ElasticSearch-集成ik分词器
  • c++版opencv求二值图的质心
  • 6、深入解析Kotlin类与对象:构造、伴生、单例全面剖析
  • 【开源ESP32谷歌恐龙小游戏】【游戏演示和介绍】LVGL ST7789 适用于Arduino
  • openCV实战-系列教程7:轮廓检测2与模板匹配(轮廓检测/轮廓特征/轮廓近似/轮廓边界矩阵/轮廓边界圆/模版匹配)、原理解析、源码解读
  • cs231n_1_IntroToConv
  • OPENCV实现SURF特征检测
  • Android Gradle 同步优化
  • BeautifulSoup:学习使用BeautifulSoup库进行HTML解析和数据提取。
  • 基于沙猫群算法优化的BP神经网络(预测应用) - 附代码
  • PCL 判断三点共线(三维空间)
  • 【数据库】事务(概念和特点)
  • LA@齐次线性方程组解的结构
  • Docker修改容器ulimit的全部方案及各方案的详细步骤
  • 进程间通信-Binder
  • 一个简单的vim例子
  • sql server 备份到网络共享
  • 程序与进程
  • 大模型从入门到应用——LangChain:链(Chains)-[链与索引:图问答(Graph QA)和带来源的问答(QA with Sources)]
  • spark sql 数据倾斜--join 同时开窗去重的问题优化
  • lv3 嵌入式开发-linux介绍及环境配置