Wie ist der Stand der Technik bei HTML5-Geodatenanwendungen?

37

Ich interessiere mich sehr für das HTML5- canvasElement für Karten. Eine Arbeit wie Cartagen von einem MIT Media Lab-Forscher sieht zum Beispiel sehr vielversprechend aus. Es gibt einige interessante SVG-basierte Arbeiten bei carto.net . WebSocketscheint eine fantastische API für Live-Geodaten zu sein. Ich habe einige HTML5-Experimente durchgeführt, zum Beispiel hier , mit Flickr- und Picasa-Daten. Was machen die Leute mit diesen neuen Technologien oder was haben Sie versucht?

web-mapping geospatial-pdf bvmou
quelle
Hinzufügen zur Liste der Beispiele: rlat.kew.org (via fosslc.org/drupal/content/… )
radek
Es gibt einen Open-Access- Artikel in der Web-GIS- Reihe der
IJHG

Antworten:

13

OpenLayers können das HTML5- canvasElement zum Rendern verwenden .

fmark
quelle
Das sieht sehr praktisch aus.
bvmou
2
Darüber hinaus unterstützt OpenLayers bereits seit Jahren die in Browsern (VML, SVG) verfügbaren Non- Canvas-Technologien. Im Allgemeinen überspringt das Festhalten am HTML5-Schlagwort "Welches Problem löse ich?" Schritt der Suche nach einer Lösung ...
Christopher Schmidt
3
Das Beispiel, das ich gegeben habe, würde 70.000 Dom-Knoten in Svg erfordern - es ist ein guter Anwendungsfall für Canvas. Übrigens, genau die gleichen Browser, die SVG unterstützen, unterstützen auch Canvas. Und wenn Sie tatsächlich glauben, HTML5 sei nichts anderes als ein leeres Schlagwort, dann gibt es viele andere Fragen, zu denen Sie beitragen können.
bvmou
5

Ich mag dieses Beispiel, das Live-Raster-Reprojektion / Warping in einem HTML5 ausführt canvas.

fmark
quelle
1
Scheint, als ob die Verbindung unterbrochen ist
Underdunkel
Der Link funktioniert heute für mich. Es ist jedoch langsam und das Skript am anderen Ende scheint nichts zu tun. Also -1 bis jemand irgendwo eine neue Version aufstellt oder findet.
Matt Wilkie
4

Überprüfen Sie auch D3 . Eigentlich keine raumbezogene Bibliothek, aber es gibt einige Beispiele für thematische Karten. Errichtet auf SVG. Der gleiche Autor hat Polymaps entwickelt.

nosolosw
quelle
4

Werfen Sie einen Blick auf den Georelated- Blog, der eine Reihe von Artikeln zum Stand der Technik im Bereich Web-Mapping enthält. Es enthält eine schöne Übersicht über das, was möglich ist, und die Technologie, die für zukunftsorientiertes Web-Mapping zur Verfügung steht.

  1. Informationen zu Silverlight v flash v html5
  2. Browserbasiertes 3D-Webmapping
  3. Globen in HTML5
  4. Alternativen zu gekachelten Imagemaps und der Kraft von Vektoren
mike
quelle
3

Probiere Kartograph aus . Es ist ein Zwei-Schuss-Programm:

  1. Nehmen Sie einige Geodaten wie ein Shapefile und führen Sie sie über Kartograph.py aus. Das wird es in eine SVG-Datei verwandeln.
  2. Verwenden Sie Kartograph.js, um es in einem Browser hübsch zu machen. Füge thematische Elemente, Animationen, ausgefallene Schriften usw. hinzu.
Tony Boyles
quelle
1

Ende 2011: http://bl.ocks.org/1392560 (d3-Rendering von Geojson als interaktive, ziehbare Weltkarte svg).

ecmanaut
quelle
0

Ich bin ziemlich beeindruckt von der Arbeit von MapBox und Leaflet , die einige wirklich schöne Web-Mapping-Anwendungen auf Basis von HTML5 und JavaScript-Technologie präsentieren. Leaflet ist eine Open-Source-JavaScript-Bibliothek für mobile freundliche interaktive Karten.

Chris P
quelle