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

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

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

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

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

Спасибо!


google-maps javascript jquery google-maps-api-3 drawing
person LINQ2Vodka    schedule 28.10.2011    source источник
comment
Попробуйте эти предлагаемые библиотеки: stackoverflow.com/questions/96486/javascript-drawing-library < / а>   -  person Sprintstar    schedule 28.10.2011
comment
Я считаю, что API карт Google может помочь вам во всем. вы можете щелкнуть карту, чтобы сохранить путевые точки (или ввести адреса, используя форму на своей странице), и получить API, чтобы проследить маршрут за вас.   -  person RASG    schedule 28.10.2011
comment
RASG: можно ли использовать API Google для моих статических изображений? Я имею в виду, сложно ли было бы привязать его функциональность для моих целей? Кроме того, не нарушает ли это какое-либо соглашение? Спасибо.   -  person LINQ2Vodka    schedule 28.10.2011
comment
хм ... возможно, вы правы насчет нарушения соглашения. об API, если вы сохраняете адрес / координату в массиве, когда пользователь нажимает на ваше изображение, вы можете передать этот массив в API.   -  person RASG    schedule 28.10.2011

Ответы (1)


arrow_upward
0
arrow_downward

Загляните в объект Google Maps "GroundOverlay"

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

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

person SteamDev    schedule 07.11.2011