时间戳

首页 > 解决方案 > 如何同时切换标记和工具提示的不透明度？

leaflet - 如何同时切换标记和工具提示的不透明度？

问题描述

我有这段代码可以在单击时更改标记的不透明度。

var z3_ore_a2 = L.marker(map.unproject([424, 3386], map.getMaxZoom()), {icon: lapis_icon}).bindTooltip(" 
<b>x4</b>", {className: 'map_tooltip2', permanent: true,  direction: 'center', offset: 
L.point(15,2)}).openTooltip().on('click', oreOnClick);

function oreOnClick(e)
{
var oremarker = e.target;
   if(oremarker.options.opacity === 1){
       oremarker.setOpacity(0.3);
   } else {
       oremarker.setOpacity(1);
   }
}

我想在我的工具提示上做同样的事情，但是这段代码只改变了标记而不是工具提示，我怎么能做到这一点？

标签： leaflet

解决方案

您还需要为工具提示设置不透明度。您可以通过标记访问工具提示对象marker.getTooltip()

function oreOnClick(e){
var oremarker = e.target;
   if(oremarker.options.opacity === 1){
       oremarker.setOpacity(0.3);
       oremarker.getTooltip().setOpacity(0.3);
   } else {
       oremarker.setOpacity(1);
       oremarker.getTooltip().setOpacity(1);
   }
}

推荐阅读