Схема пригородного движения ж/д сообщения Москвы и МО на Canvas

С метро они и так почти объединены просто вместо всех станций выведены только пересадочные. Можно объединить из demodata файлы mosmetro.js и mosrails.js. Насчет таскания. Пробовал повесить смещение на onmousemove, но тормоза при этом жуткие. Недавно здесь на Хабре читал статью с примером «перетаскивания» на Canvas. Надо будет попробовать.

Карта метро Москвы на Canvas

Отлично. А где посмотреть? По виду похоже на приложение из Windows 8 под Metro-интерфейс (не путать с самим метро).

Карта метро Москвы на Canvas

;)

Карта метро Москвы на Canvas

Проект есть в GitHub https://github.com/egaxegax/dbCartajs. На бесплатном appspot.com у Google установлен лимит на количество просмотров.

Карта метро Москвы на Canvas

Сортировка есть но работает только в ff. Исправим.

Карта метро Москвы на Canvas

Точка центрируется по клику (уже написано выше). Кликните по Алтуфьево.

Карта метро Москвы на Canvas

Для масштабирования есть кнопки + и — справа, посередине (на белом фоне не сразу заметны). Вот пример с увеличением:

Карта метро Москвы на Canvas

В целом да, это туториал рисования линий и окружностей с использованием канваса. Демонстрация использования translate, rotate, scale, bezierCurveTo, setLineDash. Насчет пригодности — нужно будет доделать вывод надписей (вывод курсивом, жирным), и тогда вывод будет более приятным и близким к оригиналу.

Карта метро Москвы на Canvas

Проверял не только в FF, a в IE9, FF3.5, FF19, Opera 12.15, Safari из iOS 5.1.1. Везде SVG притормаживает. В Хроме сам не проверял, читал в постах, но сейчас установлю и посмотрю.

Карта метро Москвы на Canvas

Если отключить масштабирование надписей (свойство labelscale=0 в mopt в слое station в mosmetro.inc.js) надписи «разъедутся» при масштабировании. Также можно изменить рамер окна браузера, тогда изменится разрешение в Canvas и точность вывода объектов.

Карта метро Москвы на Canvas

Не надо игнорировать. Это почти правда. Этот пост и комментарии (кроме этого) я написал на iPad, проверяя работу скриптов на Safari, и действительно пару раз промахнулся мимо кнопки.

Карта метро Москвы на Canvas

На мобильном трудно попасть в кнопку Ответить

Карта метро Москвы на Canvas

Touch не поддерживается. Точка на карте центрируется по клику

Карта метро Москвы на Canvas

Попробуй увеличить масштаб

Project Anarchy – бесплатный игровой движок от Havok

Intel выпустил джина из бутылки. Как в начале 2000-x, когда id3 открыл исходники Quake Engine 2 и поспособствовал бурному развитию всевозможных шутеров и FPS. А вообще Max Payne на Андроиде на 8-ядерном Galaxy будет в самый раз.

Портирование на питон 3. Работа над ошибками

Python всегда отличался скоростью выполнения, уступая разве что Java, но Python 3 жутко тормозной, раза в 2 медленне 2.x. После портирования понимаешь, что рановато на него переходить.

Карта с проекциями из Proj4js на Canvas

d3js, судя по сэмплам, рисует чарты на манер Ext4Js, HighCharts, Rgraph. Ext4 притормаживает, у Rgrapha уж больно «мутный» API, остальные надо исследовать. Да и Proj4js надо тогда как-то сбоку прикручивать…