Avoir le bon lien par rapport au bon plan de la vu

Séverine.r
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 9
Enregistré le: 11 Juin 2014

Avoir le bon lien par rapport au bon plan de la vu

Message le Ven Juin 27, 2014 14:58

Bonjour,

Depuis hier je suis sur ce problème avec google maps
Je cherche à faire une carte pour mon entreprise en 880x220 avec l'adresse suivante:
76 Avenue du Général Leclerc
78220 Viroflay

cepedant quand j'intègre mon lien à mon code sa donne ceci:
https://www.sendspace.com/file/iwyohn

Alors que je voudrais voir ceci (avec l'adresse et les 3 gares, toujours en 880x220):
https://www.sendspace.com/file/1c63a2

Voici les lignes de mon code pour cette partie:
<div class="top">

<iframe width="880"height="220" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=76+Avenue+du+G%C3%A9n%C3%A9ral+Leclerc+78220+Viroflay&amp;sll=37.0625,-95.677068&amp;sspn=42.224734,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=76+Avenue+du+G%C3%A9n%C3%A9ral+Leclerc,+78220+Viroflay,+Yvelines,+%C3%8Ele-de-France,+France&amp;t=m&amp;z=14&amp;ll=48.80412,2.175509&amp;output=embed"></iframe><br /><a="color:black;text-align:left">VIROFLAY</a></small>

</div>

Merci pour votre aide

loubet
WRInaute impliqué
WRInaute impliqué
 
Messages: 872
Enregistré le: 19 Fév 2003

Re: Avoir le bon lien par rapport au bon plan de la vu

Message le Ven Juin 27, 2014 21:35

changer &amp;z=14 par &amp;z=15
mais avec ce zoom plus important, 2 gares sont peu visibles.

Séverine.r
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 9
Enregistré le: 11 Juin 2014

Re: Avoir le bon lien par rapport au bon plan de la vu

Message le Mar Juil 01, 2014 10:48

Merci
j'ai galéré mais j'ai trouver
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(48.80312, 2.1800000);
/*48.796020,2.1800000*/
var settings = {
zoom: 15,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading"></h1>'+
'<div id="bodyContent">'+
'<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>'+
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});

var companyImage = new google.maps.MarkerImage('images/logo_.jpg',
new google.maps.Size(100,70),
new google.maps.Point(0,0),
new google.maps.Point(50,40)
);

var companyPos = new google.maps.LatLng(48.80412, 2.175509);

var companyMarker = new google.maps.Marker({
position: companyPos,
map: map,
icon: companyImage,

title:"",
zIndex: 3});


google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker);
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:880px; height:220px;"></div>
<div id="content" style="position: absolute;"></div>
</body>

Maintenant mon seul problème c'est de pouvoir mettre la bulle de google maps en bas et non en haut?


Lectures recommandées sur ce thème :