Sommaire

Exemples d’applications de géolocalisation

1. Exemple 1 : Affichage de la carte de l’Ouest de la France

Dans ce premier exemple nous allons mettre en œuvre les fonctionnalités de base de l’API de géolocalisation nativement incluse dans HTML5 et en conséquence prises en compte par les navigateurs récents (y compris sur les smartphones).

L’objectif va être très simple, afficher à l’écran un fond de carte Google Map présentant la région Ouest de la France (incluant donc la Bretagne) avec un centrage de la carte sur la ville de Rennes.

Dans la mesure où il s’agit de notre premier exemple de cartographie, le script HTML/JavaScript est reproduit ci-après dans son intégralité (ce ne sera pas systématiquement le cas pour les exemples suivants) :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
 
<!--  
NOM DU SCRIPT : GEO_01.htm 
REALISATION INFORMATIQUE : Christian VIGOUROUX 
DATE DE CREATION : 15/10/2018 
DATE DE DERNIERE MODIFICATION : 15/10/2018 
OBJET : Gestion carte Google Map - Carte de l’Ouest de la France  
(centrage sur Rennes) 
--> 
 
<!-- Début script HTML --> 
<html> 
 
    <!-- Début en-tête script HTML --> 
    <head>  ...