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 est très simple : afficher à l’écran un fond de carte Google Map présentant la région Ouest de la France 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> 
 
    <!-- Balise meta http-equiv &...
couv_RI4JASAP.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Principe de la géolocalisation
Suivant
Présentation de l'API HTML5 CANVAS