JQuery подтвердить полный экран
Я работаю над проектом с Google Map API. Я использую Jquery подтверждения для диалога и обмена сообщениями. Я просто мог видеть, если в API Google Map карта находится в полноэкранном режиме, то подтверждение JQuery не работает. На самом деле это работает, но вы можете увидеть диалоговое окно, когда вы находитесь вне полноэкранного режима.
У кого-нибудь есть какое-то решение?
Я сделал здесь тест, но не забудьте заменить "YOUR_API_KEY" в коде на ключ API вашей карты Google:
<body>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {
lat: -34.397,
lng: 150.644
},
zoom: 8
});
}
map.addListener('click', function() {
$.alert({
title: 'Alert!',
content: 'Simple alert!',
});
});
</script>
<script src="https://maps.googleapis.com/maps/api/js
key=YOUR_API_KEY&callback=initMap" async defer></script>
</body>