Bootstrap модальный не открывается на клике маркера Google Maps - PullRequest
Новая
       62

Bootstrap модальный не открывается на клике маркера Google Maps

0 голосов
/ 04 ноября 2019

Я пробовал несколько вариантов, но не удалось. Моя главная цель - открыть модал Bootstrap с информацией о локации. Я попытался поместить кнопку триггера в infoWindow, но при нажатии на эту страницу отображается только серый полупрозрачный фон. Я сделал простую карту, где я пытался проверить.

My codepen: https://codepen.io/ilja-ankipovits/pen/QWWQyqK

Я добавил только начало модального и полного скрипта Google Map. Я новичок в Google API, поэтому приветствуются дополнительные объяснения.

1 Ответ

0 голосов
/ 06 ноября 2019

Для всех, кто застрял в здравом уме, с любовью:): 

div id="map"></div>
<script>
  var map;
  function initMap() {
    var artavenue = {lat:59.441970, lng: 24.784039};
    var artavenue2 = {lat:59.421521, lng: 24.724763};

var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: {lat:59.4370, lng:24.7536},
});

var markerA = new google.maps.Marker({
position: artavenue,
map: map,
title: 'Hello World!'
});
markerA.addListener('click', function(e) {
map.setCenter(this.position);
$('#art-avenue-modal').modal('show');
});

var markerB = new google.maps.Marker({
position: artavenue2,
map: map,
title: 'Hello World!2'
});
markerB.addListener('click', function(e) {
map.setCenter(this.position);
$('#art-avenue-modal2').modal('show');
});
}
</script>
...