Search
Write a publication
Pull to refresh

Редактируемая линия с тултипом в Google Maps

Наконец-то, нашлась свободная минутка, чтобы поделиться одной из своих наработок. И попытать счастье, может инвайт перепадёт :)

Предисловие.
Примерно месяца четыре назад возникла необходимость для своей организации создать карту-схему объектов с возможностью редактирования. Задачу решил успешно, склеив ExtJS и GMap. Получилась мини ГИС для локального использования, к сожалению, не мо-гу поделиться ссылкой, т.к. информация не для общего пользования, да и сама система крутится в локалке.

Суть.
Итак, в процессе создания столкнулся с необходимостью отображать линии между объек-тами. При этом линии должны отвечать нескольким требованиям:
  1. Возможность редактировать с сохранением в базу.
  2. У каждой линии должна быть подпись. Т.к. линий было очень много, пришлось подписи сделать всплывающими.
  3. При редактировании линии должна быть возможность добавлять точки и изломы.

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

Исходник: labeledline2.js

Пример: тут

  1. Сохраняется только в памяти, не в базу, убрал эту часть кода.
  2. Подпись появляется при наведении курсора.
  3. Реализована возможность программного добавления точек, а также визуальное ре-дактирование. После клика на линии она переходит в режим редактирования, где можно удалять точки, добавлять изломы и изменять положение существующих то-чек. По второму клику выдается запрос на сохранение и линия переходит в режим просмотра.


Спасибо за внимание!
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.