Как я могу анимировать путь маршрута на пользовательской карте в JavaScript? - PullRequest
1 голос
/ 13 июня 2011

Я хотел бы наложить динамический маршрут маршрута на собственное изображение географической карты в веб-приложении. Путь, отображающий маршрут, должен динамически заполняться (и анимироваться при загрузке страницы) другим цветом, когда пользователь достигает своей цели расстояния. Примером может быть:

  • Пользователь просматривает страницу карты
  • Карта мира отображается с наложением маршрута показывая, например, Лондон-> Каир -> Лос-Анджелес -> Лондон
  • Страница завершает загрузку.
  • JS вычисляет, сколько из общего расстояния пройдено пользователем (от сервера дополнительные данные)
  • Линия наложения постепенно заполняется другим цветом (анимированный - подумайте, Индиана Джонс!)

Мне нравятся листовки с картами ( листовка ) для листов карт и, возможно, Рафаэля для рисования и анимации полилиний.

Первоначальная версия будет довольно простой с заранее заданным маршрутом, поэтому я буду знать координаты городов, расположенных впереди. У меня вопрос, как я могу анимировать полилинии, добавленные на карту листовки (или другую)? Рафаэль подойдет для него?

Ответы [ 2 ]

1 голос
/ 13 июня 2011

Вы можете наложить изображение карты на холст и нарисовать маршрут на холсте. Вы также можете использовать его в админке как метод размещения булавок, просто обрабатывать события щелчка на холсте и сохранять координаты x, y.

0 голосов
/ 13 июня 2011

Взгляните на openlayers и проверьте геосервер на свой сервер.

...