Quelle API dans mon cas ?
Bonjour,
Je dois afficher une carte avec l'api google maps et j'ai vu, notamment dans l'article sur l'introduction à l'API (http://thecodingmachine.developpez.c...i-google-maps/) l'utilisation de ce lien :
Citation:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
Mon problème est que je ne connais que l'adresse postale. J'ai récupéré ce code qui fonctionne à partir d'une adresse, mais le lien de l'API est, comment dire...
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
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
78
79
80
81
82
83
84
85
86
87
88
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAssNHsvRmdjbfaHQLGJe4IBRUsz-pYg_Ma22JMdFSMvaUp2krUhQPGyzeHUvioNuo_7zqLxrqnekFOQ" type="text/javascript"></script>
</head>
<body>
<div id="div_search" style="text-align: center; font-family: arial;width: 630px; height: 25px; padding: 5px; ">
<input type="text" style="width: 250px; border: 1px solid #b4b4b4; " id="search_addr" value="Brest France" />
<input type="button" style="width: 200px; border: 1px solid #b4b4b4; background: #eeeeee;" onclick="coordonneesGPS();" value="récupérer les coordonnées"/>
</div>
<div id="mapG3" style="width: 630px; height: 325px; border: 1px solid #b4b4b4;"></div>
<div id="answer" style="text-align: center; padding-top: 25px; font-family: arial;width: 630px; height: 20px;"></div>
<script type="text/javascript">
var infobulle;
var myMarker;
function coordonneesGPS(){
address = document.getElementById('search_addr').value;
geocoder = new GClientGeocoder();
z = 15;
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert("- "+address+" n'existe pas");
}
else {
var a = point.lat();
var b = point.lng();
document.getElementById('answer').innerHTML = '<b>Votre Recherche</b> : '+address+' - <b>Latitude</b> : '+a+' - <b>Longitude</b> : '+b;
searchCoord(address,a,b,z);
}});
}
function searchCoord(address,a,b,z){
map = new GMap2(document.getElementById('mapG3'));
map.addControl(new GLargeMapControl3D());
map.addControl(new GMenuMapTypeControl());
//map.setMapType(G_HYBRID_MAP);
map.checkResize();
map.setCenter(new GLatLng(a,b), z);
if(address!=''){
var geocoder = new GClientGeocoder();
geocoder.getLatLng(address, function(point){ map.setCenter(point,z); });
}
myMarker = createMarker(new GLatLng(a,b)); // Ajout du marqueur
map.addOverlay(myMarker);
}
function createMarker(point){
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function(latlng) {
var lat = latlng.lat();
var lng = latlng.lng();
var DegMinSec = convert_DMS(lat,lng);
marker.openInfoWindowHtml(DegMinSec);
});
return marker;
}
function convert_DMS(lat,lng){
var c_lat = getDMS(lat);
var c_lng = getDMS(lng);
var coordonnees = '<b>Lat</b> : '+c_lat+' <br /><b>Lng</b> : '+c_lng;
return coordonnees;
}
function getDMS(coord){
// On rcupre les degrs
var i1 = Math.floor(coord);
var r1 = coord - i1;
// On rcupre les minutes
var r2 = r1 * 60;
var i2 = Math.floor(r2);
// On rcupre les secondes
var r3 = r2 - i2;
var i3 = r3 * 60;
i3 = Math.floor(i3*100) / 100;
return i1+' ° '+i2+' min '+i3+' sec';
}
coordonneesGPS();
</script>
</body>
</html> |
Je souhaiterai avoir votre avis :
- Le code que j'utilise est-il correct et pérenne ?
-Le lien de l'API proposé dans l'article sur l'introduction permet-il d'obtenir une carte à partir d'une adresse postale ?
Merci par avance.
