script google map crea scroll horizontal......

Iniciado por xavidenia, 23 Septiembre 2016, 19:35 PM

0 Miembros y 1 Visitante están viendo este tema.

xavidenia

Hola buenas tardes ....
aver si9 me pueden ayudar en esto ........

estoy creando una pagina en bootstrap 3 en la pagina de contacto de decidido poner una sección a la izquierda con el nombre de la empresa, telefonos , direccion y email
........... y en la parte derecha .....

un script de la api de google maps con  los datos de la direccion de la empresa.......

el problema viene pq  al meter el script de google map la pagina me crea un scroll horizontal abajo....
alguien sabria decirme como puedo solucionar esto?????
para poder meter este script sin que me haga scroll horizontal....
esta es la linea que comento para que no me haga scroll.....



<div id="google-map" class="map"></div>
               </div>



y este el script...... al que le he quitado las coordenadas

<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
<script>
                   var myCenter=new google.maps.LatLng(00.0000000,-0.0000000000000000);
                   var marker;
                       function initialize()
                           {
                           var mapProp =
                             {
                             center:myCenter,
                             zoom:17,
                             mapTypeId:google.maps.MapTypeId.ROADMAP
                             };
                           var map=new google.maps.Map(document.getElementById("google-map"),mapProp);
                           marker=new google.maps.Marker({ position:myCenter,animation:google.maps.Animation.BOUNCE});
                                                               
                           marker.setMap(map);
                           var infowindow = new google.maps.InfoWindow({content:"Hola Mundo!"});
                                                                           
                           google.maps.event.addListener(marker, 'click', function()
                           {
                             infowindow.open(map,marker);
                             });
                           }
                           google.maps.event.addDomListener(window, 'load', initialize);
               </script>

LaThortilla (Effort)

te sugiero que subas una captura de pantalla o de preferencia al menos el codigo de el contenedor del elemento "#google-map"

basickdagger

Código (css) [Seleccionar]

#google-map{overflow:hidden;width:100%;max-width:valor q necesites q sea le máximo}


no se si esto es lo que querias...

saludos