Рисование линий поверх статических изображений с помощью JavaScript

Question

Я хочу, чтобы пользователь мог рисовать маршруты и области на статических изображениях, как это делается на Картах Google. Я никогда раньше не рисовал на JavaScript. Пожалуйста, посоветуйте мне:

1. Любая библиотека / плагин, которая может помочь мне рисовать редактируемые полилинии и полигоны на статических изображениях (и позволяет хранить линии / точки на моем сервере)

2. Какой способ рисования используется в большинстве браузеров? Как я знаю, тег «canvas» недостаточно поддерживается во многих браузерах, и создание линии с использованием нескольких DIV не будет лучшим способом для достижения этой цели.

3. Можно ли прикрепить API Карт Google к статической картинке?

Спасибо!

Answer 1

Посмотрите на объект Google Maps "GroundOverlay"

http://code.google.com/apis/maps/documentation/javascript/overlays.html#GroundOverlays

Это должно позволить вам разместить статическое изображение поверх карты, сохраняя при этом все обычные функции карты (информационные окна, полилинии, маршруты и т. Д.).