Quel est l'état de l'art dans les applications géospatiales html5?


37

Je suis très intéressé par l' canvasélément html5 pour les cartes; Travailler comme Cartagen d’un chercheur du MIT Media Lab semble très prometteur, par exemple. Il existe des travaux intéressants basés sur SVG sur carto.net . WebSocketsemble être une API fantastique pour les données géospatiales en direct. J'ai fait quelques expériences html5, par exemple ici , avec des données Flickr et Picasa. Que font les gens avec ces nouvelles technologies ou qu'avez-vous essayé?


Ajoutant à la liste des exemples: rlat.kew.org (via fosslc.org/drupal/content/... )
radek

Il y a un article en accès libre dans la série de SIG Web SIG de l' IJHG couvrant HTML5 et Cartagène
Radek

Réponses:


13

OpenLayers peut utiliser l' canvasélément HTML5 pour le rendu .


Cela semble extrêmement pratique.
bvmou

2
En outre, OpenLayers prend en charge depuis des années les technologies autres que Canvas déjà disponibles dans les navigateurs - VML, SVG -. En général, s'en tenir au «mot à la mode» de HTML5 évite «quel problème suis-je en train de résoudre? étape de la recherche d'une solution ...
Christopher Schmidt

3
L'exemple que j'ai donné nécessiterait 70 000 nœuds de dom en svg - c'est un bon cas d'utilisation pour canvas. BTW, les mêmes navigateurs prenant en charge svg prennent également en charge canvas. Et si vous pensez réellement que html5 n’est rien de plus qu’un mot à la mode vide, vous aurez de nombreuses autres questions à poser.
bvmou


5

J'aime bien cet exemple qui fait vivre la reprojection / warp raster dans un fichier HTML5 canvas.


1
semble que le lien est brisé
underdark

Le lien fonctionne pour moi, aujourd'hui. Il est lent cependant, et le script à l'autre bout ne semble rien faire. Donc, -1 jusqu'à ce que quelqu'un monte ou localise une nouvelle version quelque part.
matt wilkie

4

Vérifiez également D3 . Ce n'est pas vraiment une bibliothèque géospatiale mais il y a quelques exemples avec des cartes thématiques. Construit sur SVG. Le même auteur a développé Polymaps.


4

Jetez un coup d'œil au blog Georelated , qui propose une série d'articles sur l'état de l'art de la cartographie Web. Il contient de bonnes critiques de ce qui est possible et de la technologie disponible pour une cartographie Web véritablement avant-gardiste.

  1. Infos sur Silverlight v flash v html5
  2. Cartographie Web 3D basée sur un navigateur
  3. Globes en HTML5
  4. Alternatives aux cartes illustrées en mosaïque et au pouvoir des vecteurs


3

Essayez le kartographe . C'est un programme à deux coups:

  1. Prenez des données géospatiales comme un fichier de formes et exécutez-les dans Kartograph.py. Cela le transformera en un fichier SVG.
  2. Utilisez Kartograph.js pour le rendre joli dans un navigateur. Ajoutez des éléments thématiques, des animations, des polices de fantaisie, etc.





0

Je suis assez impressionné par le travail de MapBox et Leaflet, qui présente de très jolies applications de cartographie Web basées sur HTML5 et la technologie JavaScript. Leaflet est une bibliothèque JavaScript open-source pour des cartes interactives adaptées aux mobiles.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.