Вот код JavaScript:
$(document).ready(function(){
//set location of san antonio
var san_antonio = new google.maps.LatLng(29.4, -98.544);
//set infowindow
var infoWindow;
//object literal containing the properties
var options = {
zoom: 9,
center: san_antonio,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
//create the map
var map = new google.maps.Map(document.getElementById('map'), options);
//create marker
var marker = new google.maps.Marker({
position: san_antonio,
map:map,
title: "san antonio"
});
//add 'click' event listener
google.maps.event.addListener(marker, 'click', function(){
//creates infowindow if it already doesn't exist
if (!infoWindow){
infoWindow = new google.maps.InfoWindow();
}
//create content for infowindow
var content = '<div id="information">'+'<img src="http://a1.twimg.com/profile_images/1549555880/Screenshot.png"/>'+'</div>'
//set content of the infowindow.
infoWindow.setContent(content);
//open infowindow on click of marker
infoWindow.open(map,marker);
//ends the event listener
});
//ends the DOM loader
});
В Chrome я получаю ненужную полосу прокрутки в информационном окне, когда она появляется.Если вы посмотрите на правый нижний угол, то заметите, что есть и небольшое искажение.
В Chrome
![my infowindow rendering in chrome](https://i.stack.imgur.com/rwTAj.png)
Информационное окно выглядит великолепно вFire Fox.У меня не было этой проблемы прошлой ночью, когда я работал на своем рабочем столе, поэтому я думаю, что моя установка Chrome может быть нарушена на моем ноутбуке.Как вы думаете?Вот как это выглядит в FireFox:
В FireFox
![einfowindow rendering in firefox](https://i.stack.imgur.com/4dR4C.png)
Я пытался сделать div#information{overflow:hidden}
, но ничего не изменилось, затем я попытался сделать div#information{overflow:hidden;height:500px;background-color:green;}
,а затем полоса прокрутки стала еще длиннее.Это говорит мне о том, что информационное окно действует как собственный div и что высота информационного div вызывает увеличение полосы прокрутки информационного окна.