点击提示关闭工具提示-传单

时间:2020-08-27 09:37:13

标签: javascript leaflet tooltip close-button

我想在带有指令的页面上显示一个带有关闭按钮的工具提示。当页面加载工具提示应该在该页面上并带有关闭按钮时,以便在阅读指导人员后可以关闭工具提示。当前使用此代码,我设法加载工具提示,但是我想添加一个关闭按钮,如弹出窗口,以关闭工具提示。我该如何添加呢?

 var tooltip = L.tooltip({
    direction: 'center',
    permanent: true,
    interactive: true,
    noWrap: true,
    opacity: 0.9
    });
    tooltip.setContent( "instructions" );
    tooltip.setLatLng(new L.LatLng(23.951,149.861));
    tooltip.addTo(map);

1 个答案:

答案 0 :(得分:0)

OP在评论中询问如何在单击地图或弹出窗口时禁用关闭功能:

您可以使用选项closeOnClick: false Doc

var popup = L.popup({closeOnClick: false, closeButton: true, autoClose: true, closePopupOnClick :false })
.setLatLng([20.951,149.861]) 
.setContent("intro") 
.openOn(map);