Руководство пользователя.

Советы по оптимизации работы сервиса.

  1. При разработке больших карт изображений, под словом больших, я понимаю, карты изображений с более чем 300 точками, может возникнуть тормажение в работе вашего браузера, для уменьшения этого эффекта сгенерируйте XHTML код и сохраните его в отдельный файл, затем удалите уже полностью созданные области из сервиса, по мере не обходимости проделывайте эту операцию, добавляя новые области выделения (теги AREA) в Ваш файл.
  2. Для более точного выделения Ваших областей, рекомендую поставить следующие настройки,
    • в глобальных настройках в пункте "Для отображения номеров под всеми точками поставьте галочку" убрать галочку.
    • в настройках активной области убрать галочку с пункта "Для отображения заливки активной области поставьте галочку"
    • в настройках активной области установить Толщину линии обводки в 1px и Размер точки в 1px.
    • Не забудьте после окончания работы на картой, перед генерацией XHTML, включить отображение заливки и настроить толщину обводки, если планируете включать в XHTML код для подсветки Ваших областей.
  3. Как показала практика, наиболее быстро сервис работает на браузере OPERA 11.5+

Как загрузить изображение?

Для того, что бы загрузить изображение в сервис HTML MAP GENERATOR, необходимо предварительно закачать его на ваш сайт, или хостинг картинок.

Далее в поле Укажите URL вписываем адрес своей картинки, и жмем старт.

По завершению загрузки, появится сообщение "Файл был успешно сохранен, как ИМЯ ВАШЕГО ФАЙЛА"

Важно

сервис HTML MAP GENERATOR не является бесплатным хостингом изображений, по этому полновесные изображения на нем не сохраняются, а сохраняется только миниатюра загруженного Вами изображения, и ссылка на полновесное изображение, поэтому если исходное изображение будет удалено или измениться его адрес, могут возникнуть проблемы с возможностью редактирования, уже добавленных областей выделения, к этому изображени.

сервис HTML MAP GENERATOR работает только с прямыми ссылками на файлы изображений.

сервис HTML MAP GENERATOR работает только с типами файлов JPG, GIF, PNG.

сервис HTML MAP GENERATOR позволяет загружать исходные файлы чей вес, не превышает 2 мегабайт.

 

Как удалить изображение?

Для того что бы удалить изображение из сервиса HTML MAP GENERATOR, не обходимо на против удаляемого файла нажать кнопку удалить.

После удаления появится сообщение "Файл успешно удален ИМЯ УДАЛЕННОГО ФАЙЛА"

После удаления файла из сервиса HTML MAP GENERATOR востановить данные о выделенных на нем областях не возможно.

Важно

Полновесные файлы изображение размещенные Вами не удаляются.

Удаляется миниатюра и запись базы данных об этом файле.

 

Как создать область выделения?

После того, как файл загружен, можно приступать к созданнию областей выделения.

Для этого на против нужного файла жмем кнопку создать.

Так выглядит основное окно работы программы.

Для добавления области выделения Жмем на кнопку "Добавить область"

Выбираем тип области выделения и жмем на соотвествующию кнопку.

Как добавить точки к области выделения?

Для того что б добавить точки к области выделения, не обходимо для начала, создать область выдления, см. Как создать область выделения.

Точки добавляются очень просто не обходимо просто нажать левую кнопку мышки над  Вашим изображением.

Нет ни каких отличий в добавление точек для различных областей выделения.

Важно

К типам областей круг, и прямоугольник, разрешено добалять только 2 точки.

Как сохранить области выделения?

После того, как Вы создали не которые области выделения, вы можете сохранить их на нашем сервере, для дальнейшей их доработки.

Для сохранения областей выделения жмем кнопку "Сохранить все".

Получаем подтверждение сохранения данных. Жмем да, для закрытия этого окна.

Теперь когда мы будем заходить на страницу выбора файла, мы будем видеть количество уже созданных областей для этого файла.

Важно

Не забывайте сохранять ваши области выделения, помните это не происходит автоматически.

Как добавлять точки между уже существующих?

Бывают ситуации когда не обходимо включить в область выделенния ту часть рисунка, которая раньше не была включена, или просто из-за ошибочно указынных координат.

Важно

Добавлять точки между существующих можно только в типе области Многоугольник.

Точки будут добавлены после выделенной.

На рисунке показано, что мы собираемся добавить точку, после точки под номером 4. Жмем Добавить на панели текущей области.

Теперь мы видим, что точка добавилась точно между бывшей 4 и 3.

Далее можно редактировать ее положение, см. Как редактировать положение точки?

Как редактировать положение точки?

Для того что начать редактировать положение точки, не обходимо отметить ее в поле Редактор и на панели упаравления активной областью нажать на кнопку "Редактировать".

После нажатия на кнопку "Редактировать".

Произойдет блокировка документа, т.е перемещение между вкладками (областями выделения) становятся не доступным, так же нельзя добалять новые точки, все кнопки блокируются, кроме кнопки "Сохранить", которая появляется вместо кнопки "Редактировать".

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

После изменения положения точки, не забываем нажать кнопку сохранить иначе документ, так и не будет разблокирован.

Как удалять точки?

Для того что бы удалить существующие точки, нужно в колонке Удаление, отметить все необходимые для удаления точки, их может быть не сколько.

Жмем на кнопку "Удалить".

Все выбранные точки теперь удалены.

Как удалить область выделения?

Для того что удалить область выделения, нужно сделать ее активной.

И наэать на кнопку "Удалить область".

Затем нажатькнопку " Да" для подтверждения удаления.

Как удалить все области выделения?

Если Вам понадобилось удалить абсолютно все созданные Вами области удаления воспользуйтесь кнопкой "Удалить все"

В этом случае нет необходимости делать активной какую нибудь одну область, так как будут удалены абсолютно все.

Далее подтверждаем нажатием кнопки "Да".

Получаем уведомление о том, что данные успешно удалены.

Важно

При нажатии кнопки "Удалить все" данные так же удаляются и с нашего сервера, и востановить информацию о них будет не возможно.

Как импортировать свои области?

Для того, что бы импортировать свои ранее созданные области выделения  в сервис HTML MAP GENERATOR, воспользуемся кнопкой "Ваши координаты".

Открывается окно выбора типа добаляемой области,

Если Вы хотите добавить сразу не сколько ранее созданных областей, то для этого нажимаем кнопку "MAP"

Если Вы хотите добавить только одну казанную область Вам необходимо выбрать ее тип, и жмем на нужное название.

Если Вы нажали кнопку "MAP", то в появившемся диалоговом окне "Введите Ваши координаты", Вам необходимо вставить тег MAP  и все вложенные в него теги AREA. После чего жмем принять. Необходимо отметить, что все аттрибуты указанные в тегах AREA, автоматически появяться в "Дополнительных аттрибутах".

Если Вы выбрали конкретную область, то Вам необходимо  вставлить только координаты, без кавычек, и пробелов, так как они сохранены в вашем теге, откуда Вы производите их копирование

.

И жмем принять кнопку "Принять". После чего данные обрабатываются, и если введенные вами координаты в правильном формате, то Вы увидите Вашу область выделения.

Важно

Если выбрали для импортирования тип области прямоугольник, а вводите больше больще 4 координат, то остальные после 4 будут проигнорированы.

Если выбрали для импортирования тип области круг, а вводите больше больше 3 координат, то остальные после 3 будут проигнорированы.  Первые две считаются центром круга, а третья радиусом.

Если в введенных координатах будут симфолы отличные от цифр разделенных запятой, то будет показано сообщение об ощибке.

 

Как добавить дополнительные атрибуты?

Вы можете добавить дополнительные атрибуты к созданным областям выделения. Для этого нажмите кнопку "Дополнительные атрибуты"

Заполните не обходиме поля и нажмите кнопку "Сохранить".

Как сгенерировать XHTML?

После того как, все необходимые области созданы. Можно  сгенерировать XHTML код для вставки на ваш сайт. 

Для этого достаточно нажать на кнопку "Сгенерировать XHTML".

Копируем полученный код на Ваш сайт.

Как изменить общие настройки?

Общие настройки находятся на панели управления документом справа от кнопки "Сгенерировать XHTML".

Их изменение отразится на всех областях выделения в текущем документе.

Для их изменения нажмем на кнопку "Настройки".

В появивщемся диалоговом окне отметим не обходимые нам настройки и жмем "Принять".

После их применения, они вступают в силу.

Важно

Применение общих настроек перезаписывает дейтсвие настроек для всех всех областей выделения.

Как изменить настройки текущей области выделения?

Для того, что бы изменить настройки для текущей области выделения, активируем нужную область выделения, и на панели управления текущей областью выделения жмем кнопку "Настройки"

В появившимся диалоговом окне производим необходиме изменения.

После внесения изменений жмем кнопку "Принять".

После нажатия кнопки "Принять" настройки сделанные Вами вступают в силу.