Каково современное состояние в html5 геопространственных приложениях?

37

Меня очень интересует canvasэлемент html5 для карт; работа, подобная Cartagen от исследователя MIT Media Lab, выглядит очень многообещающе, например. На carto.net есть несколько интересных работ на основе SVG . WebSocketкажется фантастическим API для живых геопространственных данных. Я провел несколько html5 экспериментов, например, здесь , с данными Flickr и Picasa. Что делают люди с этими новыми технологиями или что вы пробовали?

web-mapping geospatial-pdf bvmou
источник
Добавление к списку примеров: rlat.kew.org (через fosslc.org/drupal/content/… )
radek
В практической серии статей по веб-ГИС IJHG есть статья о открытом доступе, посвященная HTML5 и Картахену
radek

Ответы:

13

OpenLayers может использовать canvasэлемент HTML5 для рендеринга .

fmark
источник
Это выглядит очень удобно.
2010 г.
2
Кроме того, OpenLayers имеет встроенную поддержку технологий не Canvas, уже доступных в браузерах - VML, SVG - и существует уже много лет. В целом, придерживаясь «модного слова» в HTML5, вы пропускаете «какую проблему я решаю?» шаг поиска решения ...
Кристофер Шмидт
3
Пример, который я привел, потребует 70000 узлов dom в svg - это хороший вариант использования для canvas. Кстати, те же самые браузеры, которые поддерживают svg, также поддерживают canvas. И если вы на самом деле думаете, что html5 - это не что иное, как пустое модное слово, есть множество других вопросов, на которые вы можете ответить.
bvmou
5

Мне очень нравится этот пример, который действительно репроецирует / деформирует растр в html5 canvas.

fmark
источник
1
похоже, что ссылка не работает
underdark
Ссылка работает для меня, сегодня. Это медленно, хотя, и сценарий на другом конце, кажется, ничего не делает. Так что -1, пока кто-нибудь не установит или не найдет новую версию где-нибудь.
Мэтт Уилки
4

Проверьте также D3 . На самом деле это не геопространственно-ориентированная библиотека, но есть пример с тематическими картами. Построен на SVG. Этот же автор разработал Polymaps.

nosolosw
источник
4

Загляните в блог Georelated , в котором есть серия статей о состоянии веб-картографии. Он содержит хорошие обзоры того, что возможно, и технологии, доступные для действительно дальновидного веб-картографирования.

  1. Информация о Silverlight v flash v html5
  2. Основанное на браузере трехмерное веб-отображение
  3. Глобусы в HTML5
  4. Альтернативы плиточным картографическим изображениям и сила векторов
майк
источник
3

Попробуйте Картограф . Это программа из двух кадров:

  1. Возьмите некоторые геопространственные данные, такие как шейп-файл, и запустите их через Kartograph.py. Это превратит его в файл SVG.
  2. Используйте Kartograph.js, чтобы сделать его красивым в браузере. Добавляйте тематические элементы, анимацию, необычные шрифты и т. Д.
Тони Бойлз
источник
1

Конец 2011 года: http://bl.ocks.org/1392560 (d3 рендеринг геоджона в виде интерактивной, перетаскиваемой карты мира).

ecmanaut
источник
1

http://osmbuildings.org отображает 2.5D с HTML5 и Leaflet, который выглядит впечатляющим по результатам и скорости

картопостроитель
источник
0

Я очень впечатлен работой MapBox и Leaflet, которые демонстрируют несколько действительно хороших веб-картографических приложений, основанных на технологиях HTML5 и JavaScript. Leaflet - это библиотека JavaScript с открытым исходным кодом для мобильных интерактивных карт.

Крис П
источник