Внимание, владельцы сайтов! Предлагаем вам встраиваемый картографический сервис BonMapza.

BonMapza — это клиентская JavaScript библиотека, предоставляющая набор полезных функций для работы с картами Google и Яндекса. BonMapza позволяет производить различные манипуляции с линиями, маркерами и многоугольниками, и с её помощью можно легко и просто сделать визуальный редактор маршрутов на основе карт Google и Яндекса.

С использованием BonMapza ключевые точки маршрута становятся перемещаемыми, а также становится возможно создание новых ключевых точек прямо на маршруте. Все отрезки маршрута могут быть привязаны к дорогам, возможна обводка (обрисовка) различных объектов на карте (зданий, рек, дорог и так далее). Кроме того, BonMapza также позволяет производить различные манипуляции с многоугольниками, например: перемещать, создавать и редактировать их при помощи только лишь мыши, — а также размещать на карте маркеры различного вида и размера.

С помощью BonMapza также можно организовать поиск объектов на карте с выводом полной информации о объекте.

BonMapza не зависит от других библиотек (кроме самих карт Google и Яндекса), может быть встроена в любую веб-страницу, и работать вместе с любым JavaScript фреймворком, полностью кроссбраузерна и платформонезависима.

Специалисты компании могут оказать техническую помощь в адаптации данного сервиса в ваш сайт.

Демонстрация

1. В примере на карте Google показана ломаная линия, состоящая из нескольких отрезков. Все отрезки имеют различную толщину, цвет и прозрачность. Линия стоится по нескольким точкам. В этих точках можно ставить маркер. При наведении курсора на линию появляется инструмент редактирования линии, с помощью которого можно изменить положение точки линии, тем самым изменив саму линию. Для перемещения маркера зажмите и держите на нём левую кнопку мыши.

2. Контур — это нарисованная пользователем линия, служащая для обводки объектов на карте (зданий, рек, дорог). Для включения режима рисования подведите курсор к началу объекта, который нужно обвести, и щёлкните правой кнопкой мыши. При перемещении курсора по объекту за ним будет тянуться линия (контур). Для выключения режима рисования снова щёлкните правую кнопку мыши. После выключения режима обводки, точки линии обводки можно сохранить (в примере отображается получившееся количество точек).

3. На карте нарисован пример многоугольника, который можно перемещать (квадрат). Для перемещения шёлкните на нём левой кнопкой мыши с нажатой клавишей «CTRL». Включится режим перемещения. Затем зажмите и удерживайте левую кнопку мыши для его перемещения. При отпускании левой кнопки мыши квадрат окажется в новом месте.

4. В библиотеке возможно назначить любую кнопку для включения режима рисования, также можно задать цвет, толщину и прозрачность линии, которая будет использована для обводки. ^♠

---

^{♠ — данная функция не показана на демонстрации.}