GoogleMap - Nano krill process et méthodes

Utilisation de L'api GoogleMap{BR}
==Etapes==
* Allez sur votre compte et accepter les conditions "api google map"{BR}
http://code.google.com/apis/maps/{BR}
* Validez et récupérez votre clé{BR}
* Code exemple ci-dessous (code 1){BR}
*[http://code.google.com/apis/maps/documentation/services.html#Geocoding|Plus d'infos]{BR}
{BR}
==Afficher une position exacte==
Il faut pour cela soit{BR}
* Mettre les coordonnées latitue, longitude dans l'initialisation{BR}
* soit intégrer la fonction showAdress ci dessous{BR}
<code lang="c#">{BR}
 function showAddress(address) {{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (geocoder) {{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;geocoder.getLatLng({BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;address,{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function(point) {{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (!point) {{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(address + " not found");{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} else {{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(point);{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;map.setCenter(point, 13);{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var marker = new GMarker(point);{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;map.addOverlay(marker);{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;marker.openInfoWindowHtml(address);{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;);{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}{BR}
</code>{BR}
{BR}
Placez alors un appel via lien ou javascript{BR}
via lien : {BR}
<code lang="c#">{BR}
<a href="javascript:showAddress('21 bd Marsange 77700 BAILLY ROMAINVILLIERS');">Adresse 1</a>{BR}
</code>{BR}
==Marquer des points==
Vous pouvez noter des emplacements sur la carte, code :{BR}
<code lang="c#">{BR}
var point = new GPoint(-83.014734, 40.005403);{BR}
var marker = new GMarker(point);{BR}
map.addOverlay(marker);{BR}
</code>{BR}
Vous pouvez aussi afficher un texte sur cet emplacement, code :{BR}
<code lang="c#">{BR}
function createInfoMarker(point, address) {{BR}
&nbsp;&nbsp; var marker = new GMarker(point);{BR}
&nbsp;&nbsp; GEvent.addListener(marker, "click",{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function() {{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; marker.openInfoWindowHtml(address);{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}{BR}
&nbsp;&nbsp; );{BR}
&nbsp;&nbsp;return marker;{BR}
}{BR}
</code>{BR}
Cette fonction affiche le point et l'adresse en info bulle.{BR}
Appel : {BR}
<code lang="c#">{BR}
// Gerlach Hall{BR}
var point = new GPoint(-83.014734, 40.005403);{BR}
address = "Gerlach Hall<br />2108 Neil Avenue<br />Columbus, Ohio 43210";{BR}
var marker = createInfoMarker(point, address);{BR}
map.addOverlay(marker);{BR}
</code>{BR}
==Ajout du contrôle de zoom==
<code lang="c#">map.addControl(new GLargeMapControl());</code>{BR}
==Autres possibilités==
Il est aussi possible{BR}
* Passez d'un point à un autre par animation{BR}
* Afficher différentes vues{BR}
<code lang="c#">{BR}
map.setMapType(G_SATELLITE_MAP); // Vue satelite{BR}
map.setMapType(G_NORMAL_MAP); // Vue carte{BR}
map.setMapType(G_HYBRID_MAP); // Vue mixte</code>{BR}
* Icons spécifiques{BR}
* Tracer des droites{BR}
<code lang="c#">{BR}
var polyline = new GPolyline([{BR}
new GLatLng(48.8581, 2.2944),{BR}
new GLatLng(48.8681, 2.2844){BR}
], "#FF6600", 10);{BR}
map.addOverlay(polyline);{BR}
</code>{BR}
==Limites de la version utilisable==
* Maximun de 50 000 requête par 24h.{BR}
{BR}
==Code 1==
<code lang="html">{BR}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"{BR}
&nbsp;&nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">{BR}
<html xmlns="http://www.w3.org/1999/xhtml">{BR}
&nbsp;&nbsp;<head>{BR}
&nbsp;&nbsp;&nbsp;&nbsp;<meta http-equiv="content-type" content="text/html; charset=utf-8"/>{BR}
&nbsp;&nbsp;&nbsp;&nbsp;<title>Google Maps JavaScript API Example</title>{BR}
&nbsp;&nbsp;&nbsp;&nbsp;<sc ript src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQI{BR}
p0OFkApZD8JdaO4-ukLA8hSGEM0_8rD2sd7Xj1UflkS4m-XWtxQizhgZCez5YJC-zpEbfwm1rS_Bqw"{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type="text/javascript"></scr ipt>{BR}
&nbsp;&nbsp;&nbsp;&nbsp;<scr ipt type="text/javascript">{BR}
{BR}
&nbsp;&nbsp;&nbsp;&nbsp;//<![CDATA[{BR}
{BR}
&nbsp;&nbsp;&nbsp;&nbsp;function load() {{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (GBrowserIsCompatible()) {{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var map = new GMap2(document.getElementById("map"));{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;map.setCenter(new GLatLng(37.4419, -122.1419), 13);{BR}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}{BR}
&nbsp;&nbsp;&nbsp;&nbsp;}{BR}
{BR}
&nbsp;&nbsp;&nbsp;&nbsp;//]]>{BR}
&nbsp;&nbsp;&nbsp;&nbsp;</sc ript>{BR}
&nbsp;&nbsp;</head>{BR}
&nbsp;&nbsp;<body onload="load()" onunload="GUnload()">{BR}
&nbsp;&nbsp;&nbsp;&nbsp;<div id="map" style="width: 500px; height: 300px"></div>{BR}
&nbsp;&nbsp;</body>{BR}
</html>{BR}
</code>{BR}
 {BR}
Nano Krill

Points importants
