Pull to refresh

Comments 40

Если отключить масштабирование надписей (свойство labelscale=0 в mopt в слое station в mosmetro.inc.js) надписи «разъедутся» при масштабировании. Также можно изменить рамер окна браузера, тогда изменится разрешение в Canvas и точность вывода объектов.
У меня вообще ничего не отображается.
Тут, внезапно, есть возможность отвечать на конкретные комментарии, не начиная новую ветку.
На мобильном трудно попасть в кнопку Ответить
Не надо игнорировать. Это почти правда. Этот пост и комментарии (кроме этого) я написал на iPad, проверяя работу скриптов на Safari, и действительно пару раз промахнулся мимо кнопки.
UFO landed and left these words here
Touch не поддерживается. Точка на карте центрируется по клику
У меня на Safari (Mac), вообще ничего не отображается :(
Но идея хорошая.
В Google Chrome Ваш вариант не работает. Firefox only?? P.S. SVG вариант без тормозов работает в хроме, а в FF тормозит. Может создали бы лучше issue для мозиловцев пусть svg оптимизируют.
Проверял не только в FF, a в IE9, FF3.5, FF19, Opera 12.15, Safari из iOS 5.1.1. Везде SVG притормаживает. В Хроме сам не проверял, читал в постах, но сейчас установлю и посмотрю.
Простите, но схема плохая со всех сторон. И функционально, что уже, в принципе, обозначили, и визуально: ей вряд ли можно пользоваться по назначению, не зная или, хотя бы, не представляя устройства московского метро. Кстати, на «Российской» уже можно выходить?

Получается, единственное ради чего схема существует — это демонстрация того, что такую вещь можно сделать с использованием канваса. Ну да, можно, а дальше-то что? Использовать как сложный туториал рисования линий и окружностей?

Для сравнения, некоторые ребята и вовсе на чистом ЦСС умудряются делать работоспособные штуки: www.csstubemap.co.uk/
В целом да, это туториал рисования линий и окружностей с использованием канваса. Демонстрация использования translate, rotate, scale, bezierCurveTo, setLineDash. Насчет пригодности — нужно будет доделать вывод надписей (вывод курсивом, жирным), и тогда вывод будет более приятным и близким к оригиналу.
Скорость отрисовки впечатляет. Исправить ошибки наложения надписей и вообще супер будет!
Особенно это заметно на планшете.

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

Да, действительно сначала их просто не заметил. Попробовал. Они масштабируют центральную точку карты. Как рассмотреть что-нибудь в районе алтуфьево?
Точка центрируется по клику (уже написано выше). Кликните по Алтуфьево.
В комбобоксе какая проблема с сортировкой: после Б — Ч, после Д — Э, В вообще куда то в конец улетела.
Сортировка есть но работает только в ff. Исправим.
вот у меня в ff то и не работало. а теперь 503.
Не знаю как в FF, о в хроме SVG еще и аппаратно ускоряется, поэтому в своё время выбрали этот вариант разметки (да еще и JS можно пихнуть и гору анимаций) для отображения интерактиной карты зала (смотреть с 30 секунды) с заказом билетов. На половинке FullHD экрана вполне шустро рисовалось.
Немного офтопик. Пожалуйста, если у вас есть выбор, не делайте цифровые клавиатуры в ряд (Если конечно вы имеете к этому отношение). Лучше сделайте привычную для пользователей 3х4 как в терминалах и банкоматах. Набирать на однорядной очень неудобно и не работает мышечная память.
Уже больше 2х лет к этому отношения не имею, но поверьте, заказчики в 70% случаев уверены что они специалисты по юзабилити высшего уровня (самое страшное когда один «специалист-заказчик» уходит в отпуск, его замещает другой спец, а потом первый спец выходит из отпуска, а второй пропадает и под занавес приходит директор и у него тоже есть свое мнение, как поиграться со шрифтами, цветом и размерами, а так же не плохо бы поменять всю структуру за пару дней до дедлайна).
Лебедев и Бирман плачут кровавыми слезами.
Идея хорошая, и реализация неплохая, но я бы посоветовал две вещи. Первое: названия станций отсортировать в алфавитном порядке. Второе: нарисовать полупрозрачные оси с пересечением в центре canvas, так, чтобы когда выбираешь станцию, она была на пересечении этих осей. Иначе, визуально, не всегда легко найти её прямо по центру. Да, и еще, добавьте тени к тексту, тогда лучше надписи будут читаться.
Сортировку и линии визирования добавил в новом апгрейде. Сейчас думаю как заменить центрирование по клику на таскание как у Яндекс.Карт.
На ретине отображается мутно, как будто картинку смотрю. Что странно, учитывая векторность.
Over Quota

This application is temporarily over its serving quota. Please try again later.


Зазеркальте, пожалуйста.
Где в сети посмотреть то? Чтобы не качать с GitHub'a? Или я что то не увидел?
Отлично. А где посмотреть? По виду похоже на приложение из Windows 8 под Metro-интерфейс (не путать с самим метро).
Есть. На странице проекта dbcartajs есть ссылки на другие карты.
>SVG
> открывается долго, к тому же при разрешении 1600x1300 она не вмещается в экран, а скроллинг по ней работает тоже очень долго.
>Canvas
> метод setDashLine поддерживает только Chrome, а Firefox использует свое свойство mozDash.
> на Safari (Mac), вообще ничего не отображается
> В Google Chrome Ваш вариант не работает

Веб-технологии во всей красе
Only those users with full accounts are able to leave comments. Log in, please.