Задача решается через ж )
Пример с
сайта function initMap() {
var g_map = new google.maps.Map(
document.getElementById("map"),
{
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_CENTER,
},
disableDefaultUI: true,
scrollwheel: false,
center: mapPoints[0].coordinatesPoint,
zoom: 16,
}
);
var infowindow;
function drawWindow(elem,gmap){
if (infowindow != undefined) {
infowindow.close();
}
infowindow = new google.maps.InfoWindow({
content: '<div class="gmap-pin clearfix">\
<h4 >'+ elem.name + '</h4>\
<img src="/local/templates/lab/assets/img/mark_map.svg" class="pull-left" />\
<p>'+elem.text+'</p>\
<div class="arrow"></div>\
</div>',
position: elem.coordinatesPoint,
map: gmap,
});
g_map.panTo(new google.maps.LatLng(elem.coordinatesPoint.lat, elem.coordinatesPoint.lng));
google.maps.event.addListener(infowindow, 'domready', function() {
var iwOuter = $('.gm-style-iw');
iwOuter.parent().parent().css({top: '40px'});
iwOuter.prev().hide();
iwOuter.next().hide();
});
}
drawWindow(mapPoints[0], g_map);
$('#go-map-hall-1').on('click',function(){
drawWindow(mapPoints[0], g_map);
});
$('#go-map-hall-2').on('click',function(){
drawWindow(mapPoints[1], g_map);
})
}
Главное накинуть класс, в этом случае накидывается .gm-style-iw и от него все верстается и скрывается.
Делал на основе
этой заметки
Так же под такую задачу есть готовые решения, их уже надо поискать
