Bonjour,
Je souhaite intégrer une "fonction recherche" à une carte google maps.
Comme ceci : http://www.dogcat.com/girault/kml/kml.html
Je n'arrive pas a faire fonctionner la fonction "recherche"
Voici mon code :
Où est mon erreur ? je précise que je ne suis pas un expert...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 <!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps JavaScript API Example</title> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA5byDfrX5Z5lGBcj1fakhMBQqZX3XTWzFjizJhR1Pwx2QmEgLeRRF3gxglOudScvSg-K4_hicCi1cDA" type="text/javascript"></script> <script type="text/javascript"> var map; var geoXml; function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map_canvas")); geoXml = new GGeoXml("http://www.dogcat.com/girault/kml/import.kml"); map.addControl(new GLargeMapControl()); map.setCenter(new GLatLng(48.856667,2.350987), 6); map.addControl(new GLargeMapControl()); map.addOverlay(geoXml); } } function showAddress(address) { if (geocoder) { geocoder.getLatLng( address, function(point) { if (!point) { alert(address + " not found"); } else { map.setCenter(point, 13); var marker = new GMarker(point); map.addOverlay(marker); marker.openInfoWindowHtml(address); } } ); } } </script> </head> <body onload="initialize()" onunload="GUnload()"> <form action="#" onsubmit="showAddress(this.address.value); return false"> <p> <input type="text" size="30" name="address" value=" " /> <input type="submit" value="Trouver le référent le plus proche de chez moi!" /> </p> <div id="map_canvas" style="width: 750px; height: 750px"></div> </form> </body> </html>
Merci pour votre aide à venir.
Partager