Каково современное состояние в 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

7

В HTML5 Rocks есть несколько хороших интерактивных примеров с запросами SVG, Mapping, API и Database.

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

Не Карта, но SVG - но было бы хорошо для Картографии! http://slides.html5rocks.com/#slide27

— Mapperz
источник

5

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

— fmark
источник

1

похоже, что ссылка не работает

— underdark

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

— Мэтт Уилки

4

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

— nosolosw
источник

4

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

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

— майк
источник

3

3D веб-картографирование с использованием Web GL -

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

Хорошие примеры и ссылки на наборы инструментов с открытым исходным кодом WebGL

— Стив
источник

3

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

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

— Тони Бойлз
источник

2

Вы также можете найти некоторые полезные ресурсы в конференции SVGOpen:

— nosolosw
источник

Проверьте старше здесь: 2004 - SVG как среда редактирования и 2009 - сильные стороны SVG в веб-картографии

— nosolosw

2

У Esri есть несколько примеров HTML5 на странице примеров Javascript API (выберите из нижней части дерева). Использование локального хранилища для закладок впечатляет (на момент написания этого).

— Саймон
источник

1

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

— ecmanaut
источник

1

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

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

0

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

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