ayuda con mapa google y bootstrap
Publicado por vicente (15 intervenciones) el 08/12/2016 17:03:36
hola buenas tardes....
Alguien que sepa mas que yo de javascript me puede echar una mano con un mapa de google , que no consigo hacer responsive.......
no es un mapa iframe , es un mapa api y como tal funciona con javascript....... el problema que tengo es que consigo hacerlo responsive en lo que a width se refiere , pero no en lo que a height se se refiere......
en cuanto cambio la medida height que tiene puesta en pixeles a auto o % , el mapa desaparece......., en definitiva que ya se me acaban las ideas para hacerlo responsive...........
si ha alguien le ha pasado algo asi y/o sabe como solventar este problema agradeceria cualquier ayuda o sugerencia....
subo codigo por si se me hubiera pasado algo pero ya lo he revisado 1000veces y no veo ningun error...
codigo css
codigo html donde en teoria se pondra el mapa
codigo javascript he intenatado ponerlo pero no me deja.....
Alguien que sepa mas que yo de javascript me puede echar una mano con un mapa de google , que no consigo hacer responsive.......
no es un mapa iframe , es un mapa api y como tal funciona con javascript....... el problema que tengo es que consigo hacerlo responsive en lo que a width se refiere , pero no en lo que a height se se refiere......
en cuanto cambio la medida height que tiene puesta en pixeles a auto o % , el mapa desaparece......., en definitiva que ya se me acaban las ideas para hacerlo responsive...........
si ha alguien le ha pasado algo asi y/o sabe como solventar este problema agradeceria cualquier ayuda o sugerencia....
subo codigo por si se me hubiera pasado algo pero ya lo he revisado 1000veces y no veo ningun error...
codigo css
1
2
3
4
5
6
7
8
/*esta clase no la uso pues como el clo-lg-8 de bootstrap tiene ese mismo width, uso la clase de bootstrap*/.map-container{
margin-left:0;
width:66%;/*739px medida anterior y original del map que he pasado a % y me funciona bien*/
}.map{
height:650px;/*400px medida anterior u original del mapa que no me deja pasar ni a auto , ni a %*/
}1
2
3
<div class="col-lg-8 col-xs-12">
<div id="google-map" class="map"></div>
</div>
Valora esta pregunta
0
