API Google Map .. J'comprends pas :)
Bonjour !!
Je souhaite afficher sur une map google, différents points, avec les infos que j'ai en base de donnée dans mes champs ['code_postal'] et ['ville']. Mais cette partie sera pour plus tard ensuite..
En copiant-collant ce code, vous remarquerez que lorsque vous faites une requête via la zone de texte, et 'ok', le point s'affiche.
J'ai voulu donc trouver un moyen pour que les différents points s'affichent en fonction des infos en bdd.
sauf que, même lorsque je fais un
Code:
<script type="text/javascript">showAddress("75010 PARIS", "Casimir");</script>
dans le <form>, en dehors du <form>, etc .. ça n'affiche rien.
Je pense que c'est le 'return Flase' qui se trouve dans le onsubmit qui 'fait tout', mais je ne vois pas comment.
Une fois que j'aurai compris avec ça, l'intégrer à un script php ne devrait pas poser de pb..
Quelqu'un a-t'il une idée pour que je puisse simuler pour afficher d'autres points ??
Merci de votre aide ..
Stéphane
Code:
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
|
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" <script type="text/javascript">
var map = null;
var geocoder = null;
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(47, 2.3), 6);
geocoder = new GClientGeocoder();
}
}
function showAddress(address,nom) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
var marker = new GMarker(point);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(nom);
});
// marker.openInfoWindowHtml(address);
map.setCenter(new GLatLng(47, 2.3), 6);
}
}
);
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<form action="#" onsubmit="showAddress(this.address.value,'test'); return false">
<p>
<input type="text" size="60" name="address" value="63250, France" />
<input type="submit" value="Go!" />
</p>
<div id="map_canvas" style="width: 650px; height: 800px"></div>
</form>
</body>
</html> |
PS : merci à celui qui a édité pour rajouter les balises [code], je savais pas qu'on pouvait :)
