Jaki jest stan techniki w aplikacjach geoprzestrzennych HTML5?

37

Bardzo interesuje mnie canvaselement html5 dla map; praca jak Cartagen z badacza MIT Media Lab wygląda na przykład bardzo obiecująco. Na carto.net jest kilka interesujących prac opartych na SVG . WebSocketwydaje się fantastycznym interfejsem API dla aktualnych danych geoprzestrzennych. Przeprowadziłem kilka eksperymentów HTML5, na przykład tutaj , z danymi Flickr i Picasa. Co ludzie robią z tymi nowymi technologiami lub co próbowaliście?

web-mapping geospatial-pdf bvmou
źródło
Dodanie do listy przykładów: rlat.kew.org (via fosslc.org/drupal/content/… )
radek
Artykuł z otwartym dostępem w internetowej serii GIS IJHG w praktyce, obejmujący HTML5 i kartagen
radek,

Odpowiedzi:

13

OpenLayers może używać canvaselementu HTML5 do renderowania .

fmark
źródło
To wygląda na bardzo przydatne.
bvmou,
2
Ponadto OpenLayers ma wbudowaną obsługę technologii innych niż Canvas, które są już dostępne w przeglądarkach - VML, SVG - i ma je od lat. Ogólnie rzecz biorąc, trzymanie się modnego hasła HTML5 pomija „jaki problem rozwiązuję?” krok szukania rozwiązania ...
Christopher Schmidt,
3
Podany przeze mnie przykład wymagałby 70 000 węzłów domeny w pliku svg - to dobry przypadek użycia dla canvas. BTW dokładnie te same przeglądarki, które obsługują svg, obsługują również canvas. A jeśli uważasz, że html5 jest niczym innym jak pustym hasłem, możesz wnieść wiele innych pytań.
bvmou,
5

Bardzo podoba mi się ten przykład, który wykonuje przerzutowanie / wypaczanie rastra na żywo w HTML5 canvas.

fmark
źródło
1
wygląda na to, że link jest zepsuty
podmrok
Link działa na mnie dzisiaj. Jest jednak powolny, a skrypt na drugim końcu wydaje się nic nie robić. Więc -1, dopóki ktoś nie rozłoży lub gdzieś znajdzie nową wersję.
matt wilkie
4

Sprawdź także D3 . Nie jest to właściwie biblioteka zorientowana geoprzestrzennie, ale istnieje pewien przykład z mapami tematycznymi. Zbudowany na SVG. Ten sam autor opracował Polymaps.

nosolosw
źródło
4

Zajrzyj na blog Georelated , który zawiera serię artykułów na temat najnowszego stanu mapowania w sieci. Zawiera ładne recenzje tego, co jest możliwe, oraz dostępną technologię umożliwiającą prawdziwie przyszłościowe mapowanie stron internetowych.

  1. Informacje o Silverlight v flash v html5
  2. 3D mapowanie sieciowe oparte na przeglądarce
  3. Globusy w HTML5
  4. Alternatywy dla map obrazów kafelkowych i moc wektorów
Mike
źródło
3

Wypróbuj Kartograf . Jest to program dwóch ujęć:

  1. Weź trochę danych geoprzestrzennych, takich jak plik kształtu, i uruchom go za pośrednictwem Kartograph.py. To zmieni go w plik SVG.
  2. Użyj Kartograph.js, aby wyglądać ładnie w przeglądarce. Dodaj elementy tematyczne, animacje, fantazyjne czcionki itp.
Tony Boyles
źródło
1

Pod koniec 2011 r .: http://bl.ocks.org/1392560 (d3 renderuje geojson jako interaktywną, przeciągalną mapę świata svg).

ecmanaut
źródło
0

Jestem pod wielkim wrażeniem pracy MapBox i Leaflet, które prezentują naprawdę fajne aplikacje do tworzenia map internetowych oparte na technologii HTML5 i JavaScript. Ulotka jest biblioteką JavaScript typu open-source do interaktywnych map przyjaznych dla urządzeń mobilnych.

Chris P.
źródło