Projet | ​​​​Mini projet - Web | Afficher une carte géographique

Contexte

Il s'agit d'inclure une carte sur une page web. Le dispositif consiste à appeler la page ​http://sin.nexgate.ch/geo/map.php?lat=51.477&lon=0 qui retourne la carte Google Maps centrée sur les coordonnées géographiques -latitude 51° et longitude 0° - jointes à la requête HTTP.

Construction d'une page web

Pour cela, nous utilisons NotePad++.

  1. ​Saisir et enregistrer le script HTML présenté sur le panneau ci-contre.
  2. S'assurer avec un navigateur que l'affichage de la carte est conforme aux coordonnées GPS passées en paramètres.
  3. Rechercher les coordonnées géographiques du Taj Mahal.
  4. Modifier le script et éditer la carte géographique correspondante. On pourra également choisir l'étendue de la vue en ajoutant un paramètre. Pour cela faire suivre le requête de &zoom=5 par exemple.

Balise <iframe>

Nous choisissons la surface de la carte et son allure en ajoutant des attributs à cette balise. Consulter le site w3Schools.com

  1. Modifier le script afin d'afficher une grande carte et une petite.
  2. Enlever les poignées des cartes : ascenseur et translateur.

Attribut de positionnement

Cette page du site w3Schools.com nous rappelle quels attributs ajouter à la balise <iframe> pour cela.

  1. Finaliser le script HTML pour une présentation comme celle ci-contre.

script HTML

Ce script retourne une carte incluse dans une page web.