2. Sommaire
• Introduction
• Web page +MAP
• Overlays :
– Les « Markers »
– Les « info window »
– Les « Polylines »
– Les « Polygons »
• Custom controls
• Basic Map Types
• Détecter navigateur sous mobile
• Conclusion
2
3. Introduction
• Un produit Google,
• Un service gratuit, disponible pour tout type
de site,
• Utilisation de JavaScript,
• Customisation de la carte selon les besoins,
• Une infinité de possibilté avec la dernière
version V3 .
3
13. Overlays : Polygons(1/4)
• Similaire au « Polyline »
• Ils sont pas ouvert mais plutôt conçu pour définir des régions fermées. Les
régions définies sont remplies dans un « polygon »
13
18. Basic Map Types
• les types de cartes disponible dans Google Maps
API sont les suivants:
– MapTypeId.ROADMAP affiche « default road map
view »
– MapTypeId.SATELLITE affiche « Google Earth satellite
images »
– MapTypeId.HYBRID affiche un mélange entre la vue
normale et celle du satellite.
– MapTypeId.TERRAIN affiche une map physique en se
basant sur les informations relatives aux terrain.
18
19. Détecter navigateur sous mobile
• function detectBrowser() {
var useragent = navigator.userAgent;
var mapdiv = document.getElementById("map_canvas");
if (useragent.indexOf('iPhone') != -1 ||
useragent.indexOf('Android') != -1 ) {
mapdiv.style.width = '100%';
mapdiv.style.height = '100%';
}
else {
mapdiv.style.width = '600px';
mapdiv.style.height = '800px';
}
}
19