javascript - plugin - ¿Por qué aparece una barra de desplazamiento en mi ventana de información de mapas en cromo?

scroll jquery ejemplos

Question

Aquí está el 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
});

En Chrome, aparece una barra de desplazamiento no deseada en la ventana de información cuando aparece. Si miras a la esquina inferior derecha, notarás que también hay un poco de distorsión.

En Chrome

La ventana de información se ve muy bien en Firefox. No estaba teniendo este problema anoche cuando estaba trabajando en mi escritorio, así que estoy pensando que mi instalación de Chrome podría estar rota en mi computadora portátil. ¿Qué piensas? Esto es lo que parece en Firefox:

En Firefox

Intenté hacer div#information{overflow:hidden} , pero nada cambió. Luego intenté hacer div#information{overflow:hidden;height:500px;background-color:green;} , y luego la barra de desplazamiento se hizo más larga. Esto me dice que la ventana de información está actuando como su propio div y que la altura del div de ''información'' está causando que la barra de desplazamiento del infowindow sea más grande.

Answer 1

.gm-style-iw{ overflow: hidden !important;}

esto funciona para mi

Answer 2

Intenta agregar este estilo css:

div#information{
    overflow: hidden;
}

Answer 3

Esta solución funcionó para mí:

line-height:1.35;
overflow:hidden;
white-space:nowrap;

Answer 4

puede ser un problema con la altura de la línea. eso es lo que estaba causando el error para mí. vea Google Maps API v3: InfoWindow no dimensiona correctamente, responda # 11125793 (Nick).