Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: xavidenia en 23 Septiembre 2016, 19:35 pm



Título: script google map crea scroll horizontal......
Publicado por: xavidenia en 23 Septiembre 2016, 19:35 pm
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.....


Código:
<div id="google-map" class="map"></div>
                </div>



y este el script...... al que le he quitado las coordenadas
Código:
<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>


Título: Re: script google map crea scroll horizontal......
Publicado por: LaThortilla (Effort) en 29 Septiembre 2016, 02:04 am
te sugiero que subas una captura de pantalla o de preferencia al menos el codigo de el contenedor del elemento "#google-map"


Título: Re: script google map crea scroll horizontal......
Publicado por: basickdagger en 29 Septiembre 2016, 18:25 pm
Código
  1. #google-map{overflow:hidden;width:100%;max-width:valor q necesites q sea le máximo}
  2.  

no se si esto es lo que querias...

saludos