Hyperurbain.2 - Atelier Google Maps

Bernhard Rieder4 / 6 / 2009

Atelier technique

Visualisation géospatiale avecGoogle Maps

Titre

I - INTRO : Faire des cartes

Faire des cartes.

Nouvelles cartographies, nouvelles villes ?

- Qu’est-ce que la cartographie?

- La cartographie est une technique.

I - INTRO : La cartographie numériqueExemple : mesurer l’espace par triangulation

I - IM : Çatalhöyük- 7000, peinture murale, Çatalhöyük

I - IM : Ebstorfer Weltkarte

1300, Ebstorfer Weltkarte

I - IM : Giovanni Leardo

1452, Giovanni Leardo

I - IM : Pietro Coppo

1520, Pietro Coppo

I - IM : 1772

Physical map of the world

I - IM : Aujourd’hui, physique

Physical map of the worldaujourd’hui, carte physique

I - IM : Aujourd’hui, politique

Physical map of the worldaujourd’hui, carte politique

I - IM : Google maps world

maps.google.com

I - IM : Global wellbeing

Global projection of subjective well-being, 2006

I - IM : Neurath

1936, Otto Neurath, International Credits

I - IM : Info

I - SC : HEALTHCARE

http://healthcarethatworks.org

http://healthcarethatworks.org/

http://healthcarethatworks.org/

La cartographie numérique interactive

Le contexte technique :

- logique de la machine universelle- logique d’un réseau « end-to-end »

I - INTRO : La cartographie numérique interactive

Conséquences :

- environnement malléable- environnement économique particulier

Constat :

- explosion des usages- recherche de chemins préférentiels


La carte est un outil

- d’information- de visualisation- d’exploration et d’interaction- de planification- de communication- de socialisation- de production de sens (outil heuristique)- rhétorique


Faire croire. Faire faire.[ Bruno Latour ]

Pouvoir.


La cartographie « classique » est un outil sémiotique.

Elle propose un vocabulaire de signes.


La cartographie numérique interactive est un outil sémiotique et procédural.

Elle propose un vocabulaire de signes et fonctions.

Elle relève du design graphique et de la programmation.

Programme de cet atelier

Ouvrir la boite noire de la création technique.

Donner une idée des possibilités techniques.

Montrer comment faire.

I - INTRO : Cet atelier

La création technique de fait dans un environnement riche et surdéterminé :

- outils- connaissances- communautés

Qu'est qu'une API-Web ?

API ( Application Programming Interface ) :

Une interface de programmation permet l'accès externe à des fonctions ou informations existantes.

import java.awt.*;

public class HelloWorld { public static void main(String [] args) { Frame f = new Frame("Hello World!"); f.show(); }}

II - API Web 1

Les API-Web permettent l'accès à des fonctions à travers le Web. Deux types d'API-Web :

- Système question / réponse ( SOAP, REST, etc. )- Système intégré

Qu'est qu'une API-Web ?

Les APIs proposent l'intégration de fonctions qui seraient impossible à réaliser pour des développeurs individuels ou les PMI, pour les amateurs mais aussi des professionnels.

Le site http://maps.google.com est la première application de l’API de Google Maps.

II - API Web 2

Choix technique

- Google Maps- Microsoft Virtual Earth- Yahoo Maps- OpenLayers + OpenStreetMap- Géoportail- …

II - API Web : Choix technique

Conditions d’utilisation

Il suffit d’enregistrer une clé de développeur.

Gratuit pour …

… les sites à libre accès… 15K appels géocoder par IP et jour

=> Google Maps for Entreprises

II - Conditions d’utilisation

La question des données

On ne peut montrer des informations qu’on n’a pas.

Différents pays ont différentes cultures de données.

Au moins deux facteurs ont contribué à une réelle révolution pour la disponibilité publique de données :

II - Données

- Le Web 2.0

- L’essor des ONG

La nouvelle cartographie est une rencontre entre systèmes (APIs) cartographiques et données.

II - SC : Sunlight Foundation

II - SC : World Bank

II - SC : GC Finder

II - SC : Swivel

II - SC : Geocommons CO2 pour station électrique

II - SC : SWIVEL dette extérieure

Exploration de données sur une carte

Les GIS combinent habituellement plusieurs axes informationnelles :

- espace physique- temps ( dynamique temporelle, « pulsations » )- propriétés particulières ( intensité, etc. )

II - Exploration de données

et fonctionnelles :

- navigation sur la carte- navigation dans les données- possibilités d’ajouter des informations- communication

Composition technique de GM

Ce « vocabulaire » technique permet de créer des cartes et systèmes cartographiques avec Google Maps :

1 Fonds de carte2 Objets et calques3 Navigation4 Evénements ( interactions )

5 Calculs6 Géocoder et reverse géocoder7 Services supplémentaires

8 Charger des données

Fichiers d'exemple :http://cours.rieder.fr/p8/gm/

III - Composition technique

Bases

L’API de Google Maps d’intègre dans tout fichier HTML.

Elle est écrite et utilisée en JavaScript.

=> base.html

III - 0 Bases

III - SC : CityVox

III - SC : Platial

1 - Fonds de carte

Différents fonds permettent de projeter différentes informations.

Les fonds représentent un contexte informationnel et graphique pour l’application.

III - 1 Fonds de carte

III - SC : GM SAT

III - SC : GM MAP

III - SC : GM TERRAIN

Google Maps API Überblick

Google Maps ist ein System zur Online-Visualisierung von geographischen Karten und Satellitenbildern.

Die Google Maps API ist die Schnittstelle über die eine eingebettete Karte gesteuert werden kann.

III - SC : Georgia Sex Offenders




III - SC : London Crime

2 Objets et calques

L’API propose une série de fonctions pour ajouter des objets sur la carte.

- markers ( => marker.html )- infobulles ( => marker_infobulle.html ) - surfaces

KML ( => kml_base.html, km_depts.html )Image ( => image.html )

- objets externes ( => calque.html )

Tout est HTML !

III - 2 Objets et calques

III - SC : GM SAT INFO

III - SC : GM TERRAIN METRO

III - SC : GM TERRAIN WIKIPEDIA

Eléments de navigation

GM permet de sélectionner parmi les outils de navigation standards et de remplacer ces outils par des objets customisés.

III - 3 Eléments de navigation

III - SC : Montre Verte

Evénements

A quasiment tout élément peut être attaché un gestionnaire d’événement.

=> evenement.html

III - 4 Evénements

Calculs

Calculer les distances, convertir des unités, etc.

III - 5 Calculs

Géocoders

Transformer une adresse en pointTransformer en point en adresse

=> adresse.html

III - 6 Géocoders

Services supplémentaires

Google Maps proposent d’autres services acceessibles à travers l’API :

- directions- streetview- …

Des fonctionnalités sont constamment ajoutées.

III - 7 Services




III - SC : housingmaps.com

Charger des données

Les données se trouvent la plupart du temps dans des bases de données.

Il faut les charger.

=> flickr.html=> gm_wiki

III - 8 Charger des données

Conclusions

Ce sont des concepts transférables sur d’autres systèmes.

Ces possibilités techniques orientent la création technique.

Conclusions

Merci de votre attention !

http://cours.rieder.fr/p8/gm/

http://lamontreverte.orghttp://paragraphe.univ-paris8.frhttp://bernhard.rieder.fr

[email protected]

Merci

Technology

Hyperurbain.2 - Atelier Google Maps