1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
| <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA6C4bndUCBastUbawfhKGURTPcAgFsBQ5lmS5najHkCztcsKGexSNpYrYB9Y276wTymXFY2BGeSHhFw" type="text/javascript"></script>
<script language="Javascript">
var map = null;
var geocoder = null;
var i=0;
//nom de l'hotel
var tableauNom = new Array("ici des nom");
//rue de l'hotel
var tableauRue = new Array("ici des rue");
//code postale
var tableauCP = new Array("ici des cp");
//ville
var tableauVille = new Array("ici des ville");
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(48.8563, 2.3403), 12);
map.enableScrollWheelZoom();
geocoder = new GClientGeocoder();
RecupAdress();
//GEvent.addListener(map, "click", clicked);
}
}
function RecupAdress()
{
for(i=1;i<tableauNom.length;i++)
{
nom = tableauNom[i]+" ";
description = tableauRue[i]+" "+tableauCP[i]+" "+tableauVille[i];
showAddress(description);
}
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert("Désolé mais nous n'avons pas réussi à trouver cette adresse");
} else {
//map.panTo(point);
var marqueur = createMarker(point,"","Marqueur",17)
map.addOverlay(marqueur);
}
});
}
}
function createMarker(point,TexteAuFormatHTML,Titre,ValeurDuZoom) {
/* Création d'un nouveau marqueur nommé "marqueur" ancré sur le point nommé "point" */
/* L'option "title:" permet d'afficher le contenu de "Titre" sous le marqueur lorsque celui-ci est survolé par la souris */
var marqueur = new google.maps.Marker(point,{title:Titre});
var ValZoom = ValeurDuZoom;
google.maps.Event.addListener(marqueur, "click", function() {
map.setCenter(marqueur.getPoint(),ValZoom);
/* Ouvre l'info-bulle liée au marqueur nommé "marqueur", puis affiche à l'intérieur le contenu de "TexteAuFormatHTML" */
marqueur.openInfoWindowHtml(TexteAuFormatHTML, {maxWidth:160});
});
return marqueur;
}
function affiche()//je me suis inspiré d'un post pour faire ceci mais je suis pas sur du resultat
{
document.write('<div id="map" style="width:850px; height:500px"></div>');
document.onLoad=initialize();
}
</script> |
