Google Map : Utiliser l'API pour faire ce que vous souhaitez
From Deimos.fr / Bloc Notes Informatique
Google Map est une puissante application dotée d'une API asez simple à utiliser.
J'ai pu l'utiliser assez facilement. Voici donc ce que j'ai fait :
!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
<title>Google Map</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAAkpmrD_qkg9D5YvVpTmyFhTf_u0xIqksfNPByNvsYuN-hHsZZRSGwmlvlCCOB3WQf5uQMeQtj_CQ3g"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
// Start control
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
// Ideal Hotel
map.setCenter(new GLatLng(48.823493, 2.274583), 15);
// Message
map.openInfoWindow(map.getCenter(),
document.createTextNode("Visite guidee pour Ideal Hotel..."));
// Automated visit
function createMarkerErasme(point, texte, delais)
{
var marker = new GMarker(point);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function()
{ marker.openInfoWindowHtml(texte); });
window.setTimeout(function()
{ marker.openInfoWindowHtml(texte); }, delais);
}
// Declarated values
var point = new GLatLng(48.8323284465, 2.28784115073);
createMarkerErasme(point, "Metro : Porte de Versailles",5000);
var point = new GLatLng(48.8268330105, 2.27898466879);
createMarkerErasme(point, "Metro : Corentin Celton",8000);
var point = new GLatLng(48.8241518502, 2.2734340833);
createMarkerErasme(point, "Metro : Mairie d'Issy",11000);
var point = new GLatLng(48.823493, 2.274583);
createMarkerErasme(point, "Ideal Hotel",14000);
}
}
//]]>
</script>
</head>
<body>
<div id="map" style="width: 700px; height: 400px"></div>
</body>
</html>C'est assez commenté je pense. Vous arriverez donc facilement à faire ce que vous souhaitez avec ceci. Créez une page web et insérez ce code. Exécutez le vous verrez ;-). N'oubliez pas de vous enregistrer afin d'avoir une clef unique !!!
