我尝试了几种选择,但没有成功。我的主要目标是打开一个Bootstrap modal.center,以有关位置的信息为中心。我试图将触发按钮放置到infoWindow,但是当我单击它时,页面仅显示灰色半透明背景。我做了一张简单的地图,试图进行测试。
My codepen: https://codepen.io/ilja-ankipovits/pen/QWWQyqK
我仅添加了模态和整个Google Map Script的开头。 我是google API的新手,欢迎您提供其他解释。
我尝试了几种选择,但没有成功。我的主要目标是打开一个Bootstrap modal.center,以有关位置的信息为中心。我试图将触发按钮放置到infoWindow,但是当我单击它时,页面仅显示灰色半透明背景。我做了一张简单的地图,试图进行测试。
My codepen: https://codepen.io/ilja-ankipovits/pen/QWWQyqK
我仅添加了模态和整个Google Map Script的开头。 我是google API的新手,欢迎您提供其他解释。
对于那些执着于理智的问题,充满爱的人:):
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,title: 'Hello World!2'
});
markerB.addListener('click',function(e) {
map.setCenter(this.position);
$('#art-avenue-modal2').modal('show');
});
}
</script>