Qual è lo stato dell'arte nelle applicazioni geospaziali html5?

37

Sono molto interessato canvasall'elemento html5 per le mappe; lavorare come Cartagen da un ricercatore del MIT Media Lab sembra molto promettente, per esempio. C'è un lavoro interessante basato su SVG su carto.net . WebSocketsembra un'API fantastica per i dati geospaziali in tempo reale. Ho fatto alcuni esperimenti html5, ad esempio qui , con dati Flickr e Picasa. Che cosa stanno facendo le persone con queste nuove tecnologie o cosa hai provato?

web-mapping geospatial-pdf

— bvmou
fonte

Aggiunta all'elenco di esempi: rlat.kew.org (via fosslc.org/drupal/content/… )

— radek,

C'è un articolo ad accesso aperto nel Web GIS di IJHG in serie pratiche che coprono HTML5 e Cartagen

— radek,

13

OpenLayers può utilizzare l' canvaselemento HTML5 per il rendering .

— fmark
fonte

Sembra estremamente utile.

— bvmou,

2

Inoltre, OpenLayers ha integrato il supporto per le tecnologie non Canvas già disponibili nei browser - VML, SVG - e lo fa da anni. In generale, attenersi alla 'parola d'ordine' HTML5 significa saltare il "quale problema sto risolvendo?" passo per cercare una soluzione ...

— Christopher Schmidt,

3

L'esempio che ho fornito richiederebbe 70.000 nodi dom in svg - è un buon caso d'uso per canvas. A proposito, gli stessi browser che supportano svg supportano anche canvas. E se in realtà pensi che html5 non sia altro che una parola d'ordine vuota, ci sono molte altre domande a cui puoi contribuire.

— bvmou,

7

HTML5 Rocks ha alcuni buoni esempi interattivi con richieste SVG, Mapping, API e Database.

http://slides.html5rocks.com/#slide10 http://slides.html5rocks.com/#slide14

Non una mappa ma SVG - ma sarebbe utile per la mappatura! http://slides.html5rocks.com/#slide27

— Mapperz
fonte

5

Mi piace molto questo esempio che riproduce in diretta html5 la riproiezione / deformazione rastercanvas .

— fmark
fonte

1

sembra che il collegamento sia interrotto

— underdark

Il link funziona per me, oggi. Tuttavia è lento e la sceneggiatura all'altra estremità non sembra fare nulla. Quindi -1 finché qualcuno non inserisce o individua una nuova versione da qualche parte.

— matt wilkie,

4

Controlla anche D3 . Non proprio una biblioteca focalizzata sul geospaziale ma c'è qualche esempio con le mappe tematiche. Basato su SVG. Lo stesso autore ha sviluppato Polymaps.

— nosolosw
fonte

4

Dai un'occhiata al blog Georelated , che contiene una serie di articoli sullo stato dell'arte del web mapping. Contiene belle recensioni di ciò che è possibile e la tecnologia disponibile per una mappatura web davvero lungimirante.

Informazioni su Silverlight v flash v html5
Mappatura web 3d basata su browser
Globi in HTML5
Alternative alle mappe di immagini affiancate e alla potenza dei vettori

— mike
fonte

3

Web mapping 3D tramite Web GL -

http://www.georelated.com/2011/10/rise-of-globe-in-web-mapping.html

Buoni esempi e collegamenti a toolkit open source WebGL

— Steve
fonte

3

Prova Kartograph . È un programma a due colpi:

Prendi alcuni dati geospaziali come un file di forma ed eseguili attraverso Kartograph.py. Ciò lo trasformerà in un file SVG.
Usa Kartograph.js per renderlo carino in un browser. Aggiungi elementi tematici, animazione, caratteri elaborati, ecc ...

— Tony Boyles
fonte

2

Potresti trovare anche alcune risorse utili nella conferenza SVGOpen:

— nosolosw
fonte

Controlla qui: 2004 - SVG come ambiente di editing e 2009 - i punti di forza di SVG nel

— webmapping

2

Esri ha alcuni esempi HTML5 nella pagina degli esempi dell'API Javascript (selezionare dal fondo dell'albero). Fare uso della memorizzazione ocale per i segnalibri è impressionante (al momento della stesura di questo).

— Simon
fonte

1

Fine 2011: http://bl.ocks.org/1392560 (d3 che rende geojson come una mappa del mondo interattiva e trascinabile in formato svg).

— ecmanaut
fonte

1

http://osmbuildings.org mostra 2.5D con HTML5 e Leaflet che sembra impressionante per risultati e velocità

— Mapper
fonte

0

Sono piuttosto impressionato dal lavoro di MapBox e Leaflet che mostrano alcune applicazioni di cartografia web davvero carine basate su tecnologia HTML5 e JavaScript. Leaflet è una libreria JavaScript open source per mappe interattive ottimizzate per dispositivi mobili.

— Chris P
fonte