Я хочу показать увеличенное изображение из изображения во всплывающем окне при нажатии на изображение или кнопку
Я нашел этот пример из mapbox клики во всплывающем окне
В этомНапример, всплывает предупреждение, но я хочу получить новое "всплывающее окно" с большим изображением. Я думаю, что должен заменить предупреждение диалоговым окном jquery ui или аналогичным.
$(function() {
$( "#dialog" ).dialog({minHeight: 300,minWidth:830});
Я немного изменил код, поэтому вместо mapboxjs я использую jquery ui и leafletjs. Пока работает так же. Но как я могу заменить предупреждение?
Я не кодер, а охотник-собиратель.
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.2/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.3.2/dist/leaflet.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
....
var marker = L.marker([43.6475, -79.3838])
.bindPopup('<button class="trigger">Say hi</button>')
.addTo(map);
$('#map').on('click', '.trigger', function() {
alert('Hello from Toronto!'); //replace alert
});