Réactif pour redimensionner Google Maps?

-1

J'ai une carte configurée sur mon site qui ne se redimensionne pas en fonction de la résolution de l'écran. Je suis totalement nouveau dans le web design et j'ai besoin de savoir comment redimensionner ce truc. Merci les gars.Réactif pour redimensionner Google Maps?

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<div style="overflow:hidden;height:300px;width:380px;"> 
<div id="gmap_canvas" style="height:300px;width:380px;"></div> 

<style> 
#gmap_canvas img{ 
max-width:none!important; 
background:none!important 
} 
</style> 

<a class="google-map-code" href="http://www.mapsembed.com/baur/" id="get-map-data">mapsembed.com</a> 
</div> 

<script type="text/javascript"> 

function init_map(){ 
    var myOptions={ 
    zoom:16, 
    center:new google.maps.LatLng(51.4105461,-3.4874177), 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 
    map=new google.maps.Map(document.getElementById("gmap_canvas"),myOptions); 
    marker=new google.maps.Marker({ 
    map:map, 
    position:new google.maps.LatLng(51.4084782,-3.4836197) 
    }); 
    infowindow=new google.maps.InfoWindow({ 
    content: "<b>Nina Davies Opticians</b><br/>6 Barons Close House<br/>Llantwit Major | CF62 4NR" 
    }); 
    google.maps.event.addListener(marker,"click",function(){ 
    infowindow.open(map, marker); 
    }); 
} 
google.maps.event.addDomListener(window,'load',init_map); 

</script>

Source

2014-07-10 user3749079

S'il vous plaît votre code correctement en retrait. Vous demandez de l'aide à de vrais humains, pas des robots d'analyse de texte. Aussi, s'il vous plaît être plus précis sur ce que vous avez essayé et pourquoi cela ne fonctionne pas. – CullenJ

Désolé mon pote. Nouveau à cela, mais est-ce vraiment si difficile à copier/coller dans le Bloc-notes? – user3749079

Non, mais c'est une perte de temps pour tout le monde lorsque vous attendez des gens occupés qui sont toujours prêts à lire et à répondre à votre question. Une mise en forme correcte est si facile, il n'est pas déraisonnable de s'y attendre. Si vous demandez de l'aide, essayez de faciliter le travail des gens. S'il vous plaît, ne le prenez pas personnellement. Ce site parle d'enseigner aux gens, et j'essaie de vous apprendre à écrire une meilleure question. – CullenJ

Définissez la largeur de gmap_canvas sur 100%;

CSS:

#gmap_canvas { width:100%; height:100%; }

HTML:

<div id="gmap_canvas"></div>

Source

2014-07-11 09:25:05 CodeSlayer

Je l'ai compris moi-même à la fin mais c'est essentiellement ce que j'ai fait - merci! – user3749079

Réactif pour redimensionner Google Maps?

Répondre

Questions connexes