Leaflet 如何将css类添加到zoomIn和zoomOut按钮?单张地图
我有两个css类“mapzoom-in”和“mapzoom-out”,用于放大和缩小控件 但我不知道如何向按钮添加类 有人有主意吗 我希望通过以下代码获取元素: 工作,但他们隐藏这是一个错误。您只需要为每个按钮获取对Leaflet 如何将css类添加到zoomIn和zoomOut按钮?单张地图,leaflet,Leaflet,我有两个css类“mapzoom-in”和“mapzoom-out”,用于放大和缩小控件 但我不知道如何向按钮添加类 有人有主意吗 我希望通过以下代码获取元素: 工作,但他们隐藏这是一个错误。您只需要为每个按钮获取对HTMLElements的引用,并考虑为每个按钮添加一个CSS类作为解决方案;然后,您会询问在实施您尝试的解决方案时遇到的问题,而不是询问您想要实现的目标 您可以通过将传单的方法与配对,获得缩放按钮的每个HTMLElements的参考,例如: 此外,如果每个地图只有一个缩放控件,则
HTMLElement
s的引用,并考虑为每个按钮添加一个CSS类作为解决方案;然后,您会询问在实施您尝试的解决方案时遇到的问题,而不是询问您想要实现的目标
您可以通过将传单的方法与配对,获得缩放按钮的每个HTMLElement
s的参考,例如:
此外,如果每个地图只有一个缩放控件,则可以使用通过querySelector
获取相应的HTMLElement
s,例如:
var zoomInElement = document.querySelector('#map-container .leaflet-control-zoom-in');
单个按钮不需要ID或CSS类。您希望引用该按钮。为什么要添加类?您可以使用内置类,您希望实现什么样式?
<a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in">+<div></div></a>
var zoomInBtn = document.getElementsByClassName("leaflet-control-zoom-in")[0].className="mapzoom-in";
var zoomOutBtn =document.getElementsByClassName("leaflet-control-zoom-out")[0].className="mapzoom-out";
var leafletMap = L.map('map-container');
var control = leafletMap.zoomControl;
var controlElement = control.getContainer();
var zoomInElement = controlElement.querySelector('.leaflet-control-zoom-in');
var zoomOutElement = controlElement.querySelector('.leaflet-control-zoom-out');
var zoomInElement = document.querySelector('#map-container .leaflet-control-zoom-in');