Всплывающая подсказка с нажатием кнопки для закрытия -Листовка

#javascript #leaflet #tooltip #close-button

#javascript #листовка #всплывающая подсказка #кнопка закрытия

Вопрос:

Я хочу отобразить всплывающую подсказку с кнопкой close на странице с инструкцией.при загрузке страницы всплывающая подсказка должна быть там с кнопкой close, чтобы после прочтения инструкции пользователь мог закрыть всплывающую подсказку. в настоящее время с помощью этого кода мне удается загрузить всплывающую подсказку, но я хотел бы добавить кнопку close, например, всплывающее окно, чтобы закрыть всплывающую подсказку. Как я могу это добавить?

  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. Итак … почему бы вместо этого не использовать всплывающие окна?

2. да, в конечном итоге я использую всплывающее окно вместо всплывающей подсказки. Я добавил всплывающее окно и хочу, чтобы оно закрывалось только после нажатия кнопки close. он не должен закрываться при нажатии на всплывающее окно или вне всплывающего окна. как я могу этого добиться? есть идея? « var popup = L.popup({ closeButton: true, AutoClose: true, closePopupOnClick : false }) .setLatLng([20.951,149.861]) .setContent(«вступление») .openOn(карта);«

Ответ №1:

В комментариях ОП спросил, как отключить закрытие при нажатии на карту или всплывающее окно:

Вы можете использовать опцию closeOnClick: false Doc:

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