Google
 

CREER UNE CARTE 3D AVEC L'API GOOGLE EARTH

Présentation du Google Earth Plug-in API

Google Earth API et son Plug-in vous permet d'intégrer toute la puissance de Google Earth ainsi que ses capacités de rendu 3D dans vos pages Web. Vous pouvez créer des marqueurs et des lignes sur la version 3D, tout comme dans la version 2D de Google Maps.

L'API de Google Earth permet l'utilisation de fichiers KML ( Documentation sur les fichiers KML de Google Earth ).

Vous pouvez soit, utiliser Google Earth Plug-in API seul, soit l'utiliser avec l'API Google Maps. Si vous avez déjà Google Maps dans vos pages Web, vous pouvez offrir à vos utilisateurs la possibilité de visualiser vos cartes avec Google Maps ou avec Google Earth. Vous pouvez le faire sur la même page Web. Par exemple, Google Maps va présenter vos informations en 2D. Grâce au Plug-in Google Earth, les utilisateurs ont la possibilité d'afficher les informations en 3D tout en bénéficiant des nombreuses fonctionnalités liées à Google Earth.

Comment Installer le plug-in ?

ATTENTION : Cette version du Plug-in Google Earth ne fonctionne que sous les systèmes d'exploitation Microsoft Windows XP et Windows Vista.

La compatibilité avec d'autres systèmes d'exploitation est prévu dans les prochaines versions.

De plus ce Plug-in est actuellement compatible uniquement avec les navigateurs suivants, tournant sur les systèmes d'exploitation cités ci-dessus :

  • IE 6.0+
  • IE 7.0+
  • Firefox 2.x or 2.0x (Firefox 3.0 prochainement)
  • Netscape 7.1+
  • Mozilla 1.4+
  • Flock 1.0+

Comment ca marche

Pour affichier une carte 3D dans vos pages web, Il vous faut :

  1. Obtenir une clé Google Maps API.
  2. Téléchargez et installez le plug-in Google Earth sur votre ordinateur

Pour désinstaller Google Earth Plug-in, à partir du menu Démarrer, sélectionnez Google Earth Plug-in et puis Désinstaller.

Résultat

La planète vue du ciel, puis zoom vers Tours.
Utilisez les contrôles, pour zoomer, pivoter, incliner la carte.

Le code

<!DOCTYPE html PUBLIC "-//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"  xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="fr">
	<head>
	<title>Google Earth Plugin - Créer une carte 3D simplement</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="http://www.google.com/jsapi?key=Mettez_votre_clé_api_ici"></script>
	<script type="text/javascript">
		//<![CDATA[
			google.load("earth", "1");
			var ge = null;
			function initialize() {
				google.earth.createInstance("map3d", initCB, failureCB);
			}
			function initCB(object) {
				ge = object;
				ge.getWindow().setVisibility(true);
				ge.getNavigationControl().setVisibility(ge.VISIBILITY_SHOW);
				var la = ge.createLookAt(''); 
				la.set(47.399744, 0.685444, 10, ge.ALTITUDE_RELATIVE_TO_GROUND, 0, 60, 4000);
				ge.getView().setAbstractView(la);
			}
			function failureCB(object) {
				alert('Attention : il faut installer un plug in sur votre ordinateur afin de visualiser la carte en 3D.Ce plug-in fonctionne uniquement sous Windows XP et Windows Vista.Veuillez lire la suite de cet article.');
			}
		//]]>
	</script>
	</head>

	<body onload="initialize()">
		<div id="map3d_container" style="height: 500px; width: 500px;">
			<div id="map3d" style="height: 100%;"></div>
		</div>
	</body>
</html>

En cas de problèmes

Si votre code ne semble pas fonctionner, voici quelques pistes pour vous aider à résoudre vos problèmes:

  • Assurez-vous que votre clé API est valide.
  • Rechercher les fautes de frappe. Rappelez-vous que JavaScript est un language sensible à la casse.
  • Utilisez un débogueur JavaScript. Dans Firefox, vous pouvez utiliser la console JavaScript, le Venkman Debugger, ou la Firebug add-on. Dans IE, vous pouvez utiliser Microsoft Script Debugger.
  • Faites des Recherches sur le Forum des développeurs (Français - Anglais). Si vous n'arrivez pas à trouver un sujet qui réponde à votre question, envoyez votre question au groupe en n'oubliant pas d'y inclure un lien vers une page Web qui montre le problème.
  • Voir Ressources supplémentaires pour plus des ressources de développement.

Pour tester et debugger votre code je vous conseille
de télécharger et d'installer Firefox, Firebug et Web Developer.
Firefox Firebug Web Developer
Téléchargez Firebug Téléchargez Web Developper

Informations complémentaires

Pout toute information complémentaire sur Google Earth, les fichiers KML, ou Google Maps, veuillez consulter les pages suivantes :

|  http://www.touraineverte.com  |  © 2008  |  fadamaps37arobasegmailpointcom