Карта есть практически на любом сайте и довольно часто требуется выделить маркером не только объект, но и область или несколько районов. Такое выделение областей актуально для сайтов агентств недвижимости.
Как выделить отдельные районы на карте?
Рассматриваю вариант с Яндекс Картой.
1. Заходим на страницу конструктора: https://yandex.ru/map-constructor/
1 – Название карты 2 – Описание карты
Для примера выбрала Сочи, потому что хотела бы там жить 🙂
Выделяю Центральный район Сочи. Не претендую на идеальную точность.
2. Выбираем инструмент «Многоугольники»
Инструмент многоугольнике в конструкторе
3. Последовательно отмечаем точки, обозначаем контур будущего района (белые точки).
Когда вы тянете за линию, появляются новые промежуточные точки, которыми можно исправлять контур. Чем крупнее масштаб, в котором идет отрисовка, тем точнее его границы.
4. Слева в Списке объектов появился район – укажите его описание в появившемся окошке. Здесь же, можно выбрать:
Нажимаем «Готово» — район готов.
5. Далее нажимаем «Сохранить и продолжить»
6. Затем нужно указать тип карты:
7. Размер карты: ширина и высота, в пикселях.
Если поставить галочку «Растянуть по ширине», это значит, карта займет по ширине всю доступную область страницы, на которой находится.
Размер можно менять, потянув за уголки окошка, в котором высейчас видите карту.
8. Масштаб меняется с помощью ползунка окошка. Я для этой цели использую нажатие клавиши Alt + колесико мышки. В таком масштабе карта изначально будет отображаться на вашем сайте.
9. Нажимаем «Получить код карты».
Если вам нужна только ссылка на карту, тогда скопируйте её в нижнем поле.
10. Появляется окошко с двумя вариантами кода:
JavaScript или iframe
Использование кода iframe имеет ограничения:
11. Скопируйте JavaScript код и вставьте в нужное место на сайте.
Ещё вариант, добавляем метку к выделенному району:
Чтобы выйти из режима создания объекта, нажмите клавишу Esc или повторно нажмите горячие клавиши.
Работа с объектами
Завершает рисование объекта и открывает форму задания значений параметров объекта (аналогично пункту Завершить контекстного меню объекта или двойному нажатию при создании фигуры).
Нажатие клавиши Enter ↲ или значка при открытой форме задания значений параметров объекта — закрывает форму с сохранением параметров:
Отмена и возврат операций с объектами
Чтобы отменить или вернуть действие с объектом, нажмите горячие клавиши:
Ctrl + Shift + Z или
Ctrl + Shift + Z или
Горячие клавиши
Операция
Cmd ⌘ + Z
Отмена действия
Cmd ⌘ + Shift + Z
Возврат действия
Горячие клавиши
Операция
Cmd ⌘ + Z
Отмена действия
Cmd ⌘ + Shift + Z
Возврат действия
Копирование и вставка объекта
Чтобы скопировать выделенный объект, а затем вставить его на карту, нажмите горячие клавиши:
Горячие клавиши
Операция
Cmd ⌘ + C
Копирование объекта
Cmd ⌘ + V
Вставка объекта
Горячие клавиши
Операция
Cmd ⌘ + C
Копирование объекта
Cmd ⌘ + V
Вставка объекта
Изменение порядка объектов в списке
Объекты отображаются на карте в следующем порядке: метки отображаются «выше» линий и могут перекрывать их изображение, а линии — выше многоугольников.
Для этого выделите объект в списке и нажмите горячие клавиши:
Горячие клавиши
Перемещение объекта
Ctrl + Shift + ↑
выше всех объектов
Ctrl + Shift + ↓
ниже всех объектов
Ctrl + ↑
выше на один объект
Ctrl + ↑
ниже на один объект
Горячие клавиши
Перемещение объекта
Ctrl + Shift + ↑
выше всех объектов
Ctrl + Shift + ↓
ниже всех объектов
Ctrl + ↑
выше на один объект
Ctrl + ↑
ниже на один объект
Горячие клавиши
Перемещение объекта
Cmd ⌘ + Shift + ↑
выше всех объектов
Cmd ⌘ + Shift + ↓
ниже всех объектов
Cmd ⌘ + ↑
выше на один объект
Cmd ⌘ + ↓
ниже на один объект
Горячие клавиши
Перемещение объекта
Cmd ⌘ + Shift + ↑
выше всех объектов
Cmd ⌘ + Shift + ↓
ниже всех объектов
Cmd ⌘ + ↑
выше на один объект
Cmd ⌘ + ↓
ниже на один объект
Можно также перетащить объект (метку, линию, или многоугольник) на нужное место в списке объектов
Горячие клавиши
Создание объектов
Горячие клавиши
Функция (создание)
Кнопка
Alt + P
Метка
Alt + L
Линия
Alt + M
Многоугольник
Esc
Выход из режима создания объекта
Горячие клавиши
Функция (создание)
Кнопка
Alt + P
Метка
Alt + L
Линия
Alt + M
Многоугольник
Esc
Выход из режима создания объекта
Чтобы выйти из режима создания объекта, нажмите клавишу Esc или повторно нажмите горячие клавиши.
Работа с объектами
Завершает рисование объекта и открывает форму задания значений параметров объекта (аналогично пункту Завершить контекстного меню объекта или двойному нажатию при создании фигуры).
Нажатие клавиши Enter ↲ или значка при открытой форме задания значений параметров объекта — закрывает форму с сохранением параметров:
Отмена и возврат операций с объектами
Чтобы отменить или вернуть действие с объектом, нажмите горячие клавиши:
По умолчанию, сервис показывает вам карту вашего города или региона.
Чтобы посмотреть другой участок карты, нажмите и, удерживая левую кнопку мыши, передвиньте карту в нужном направлении.
Изменить масштаб карты
Изменить масштаб карты можно:
С помощью колеса мыши: покрутите его на себя, чтобы уменьшить масштаб, или от себя — чтобы увеличить.
С помощью кнопок мыши: двойной щелчок левой кнопкой мыши на карте увеличивает масштаб карты, а правой — уменьшает.
С помощью правой кнопки мыши:
Нажмите правой кнопкой мыши точку на карте.
Не отпуская кнопку, переместите мышь в нужном направлении.
При движении мыши на карте будет выделена область.
Отпустите кнопку мыши.
Выделенная область переместится в центр карты; масштаб карты при этом увеличится.
Измерить расстояние
Измерить расстояние можно по прямой или по ломаной линии (например, повторяя линии улиц):
Чтобы выключить процесс измерения, нажмите на эту кнопку повторно.
Нажмите на начальную точку измеряемого отрезка:
Полученную линию можно откорректировать: любую из точек можно перетащить на новое место.
Можно также нажать на линию в произвольном месте — там появится новая точка, которую тоже можно перемещать по карте:
Чтобы удалить линию целиком — нажмите кнопку Очистить точки на панели возле конечной точки:
Чтобы выключить процесс измерения (и удалить линию целиком) — нажмите кнопку Выключить линейку на панели возле конечной точки (или повторно нажмите кнопку Линейка : ):
Напечатать карту
Вы можете напечатать карту, которую вы видите на экране, вместе с дополнительными элементами: найденными объектами, построенными маршрутами, панорамами (но не с пробками и фотографиями):
В этом окне вы можете изменить масштаб карты и переместить её так, как захотите.
портретная ─ длинная сторона листа располагается по вертикали;
альбомная ─ по горизонтали.
При необходимости напишите в поле, расположенном в нижней части страницы, текст комментария к печатаемой карте. Этот текст будет напечатан под картой.
В открывшемся стандартном окне выберите принтер и параметры печати.
Выбранная карта будет напечатана в соответствии с заданными параметрами.
Вы можете также напечатать карту, на которую нанесете собственные объекты, см. раздел Мои карты (конструктор карт).
Изменить вид карты
Нажмите кнопку ( Слои ) и выберите нужный режим отображения Яндекс.Карт ─
Схема (схематическое изображение дорог, домов и т. д.):
Спутник (снимок местности, сделанный из космоса) или Гибрид (снимок местности, сделанный из космоса, дополненный информацией карты: названиями улиц, адресами и др.):
Режим отображения не влияет на остальные функции карты: поиск, построение маршрутов или перемещение карты.
Повернуть или наклонить карту
Управлять наклоном и поворотом карты можно:
С помощью мыши и клавиатуры.
Зажмите клавишу Ctrl и левую кнопку мыши. Перемещайте мышь, чтобы повернуть или наклонить карту.
Чтобы вернуть карту в исходное положение, один раз нажмите на компас.
Управление картой
Вы можете самостоятельно управлять картой:
Переместить карту
По умолчанию, сервис показывает вам карту вашего города или региона.
Чтобы посмотреть другой участок карты, нажмите и, удерживая левую кнопку мыши, передвиньте карту в нужном направлении.
Изменить масштаб карты
Изменить масштаб карты можно:
С помощью кнопок и .
С помощью колеса мыши: покрутите его на себя, чтобы уменьшить масштаб, или от себя — чтобы увеличить.
С помощью кнопок мыши: двойной щелчок левой кнопкой мыши на карте увеличивает масштаб карты, а правой — уменьшает.
С помощью правой кнопки мыши:
Нажмите правой кнопкой мыши точку на карте.
Не отпуская кнопку, переместите мышь в нужном направлении.
При движении мыши на карте будет выделена область.
Отпустите кнопку мыши.
Выделенная область переместится в центр карты; масштаб карты при этом увеличится.
Измерить расстояние
Измерить расстояние можно по прямой или по ломаной линии (например, повторяя линии улиц):
Нажмите кнопку Линейка : .
Чтобы выключить процесс измерения, нажмите на эту кнопку повторно.
Нажмите на начальную точку измеряемого отрезка:
Полученную линию можно откорректировать: любую из точек можно перетащить на новое место.
Можно также нажать на линию в произвольном месте — там появится новая точка, которую тоже можно перемещать по карте:
Чтобы удалить линию целиком — нажмите кнопку Очистить точки на панели возле конечной точки:
Чтобы выключить процесс измерения (и удалить линию целиком) — нажмите кнопку Выключить линейку на панели возле конечной точки (или повторно нажмите кнопку Линейка : ):
Напечатать карту
Вы можете напечатать карту, которую вы видите на экране, вместе с дополнительными элементами: найденными объектами, построенными маршрутами, панорамами (но не с пробками и фотографиями):
По умолчанию, сервис показывает вам карту вашего города или региона.
Чтобы посмотреть другой участок карты, нажмите и, удерживая левую кнопку мыши, передвиньте карту в нужном направлении.
Изменить масштаб карты
Изменить масштаб карты можно:
С помощью колеса мыши: покрутите его на себя, чтобы уменьшить масштаб, или от себя — чтобы увеличить.
С помощью кнопок мыши: двойной щелчок левой кнопкой мыши на карте увеличивает масштаб карты, а правой — уменьшает.
С помощью правой кнопки мыши:
Нажмите правой кнопкой мыши точку на карте.
Не отпуская кнопку, переместите мышь в нужном направлении.
При движении мыши на карте будет выделена область.
Отпустите кнопку мыши.
Выделенная область переместится в центр карты; масштаб карты при этом увеличится.
Измерить расстояние
Измерить расстояние можно по прямой или по ломаной линии (например, повторяя линии улиц):
Чтобы выключить процесс измерения, нажмите на эту кнопку повторно.
Нажмите на начальную точку измеряемого отрезка:
Полученную линию можно откорректировать: любую из точек можно перетащить на новое место.
Можно также нажать на линию в произвольном месте — там появится новая точка, которую тоже можно перемещать по карте:
Чтобы удалить линию целиком — нажмите кнопку Очистить точки на панели возле конечной точки:
Чтобы выключить процесс измерения (и удалить линию целиком) — нажмите кнопку Выключить линейку на панели возле конечной точки (или повторно нажмите кнопку Линейка : ):
Напечатать карту
Вы можете напечатать карту, которую вы видите на экране, вместе с дополнительными элементами: найденными объектами, построенными маршрутами, панорамами (но не с пробками и фотографиями):
В этом окне вы можете изменить масштаб карты и переместить её так, как захотите.
портретная ─ длинная сторона листа располагается по вертикали;
альбомная ─ по горизонтали.
При необходимости напишите в поле, расположенном в нижней части страницы, текст комментария к печатаемой карте. Этот текст будет напечатан под картой.
В открывшемся стандартном окне выберите принтер и параметры печати.
Выбранная карта будет напечатана в соответствии с заданными параметрами.
Вы можете также напечатать карту, на которую нанесете собственные объекты, см. раздел Мои карты (конструктор карт).
Изменить вид карты
Нажмите кнопку ( Слои ) и выберите нужный режим отображения Яндекс.Карт ─
Схема (схематическое изображение дорог, домов и т. д.):
Спутник (снимок местности, сделанный из космоса) или Гибрид (снимок местности, сделанный из космоса, дополненный информацией карты: названиями улиц, адресами и др.):
Режим отображения не влияет на остальные функции карты: поиск, построение маршрутов или перемещение карты.
Повернуть или наклонить карту
Управлять наклоном и поворотом карты можно:
С помощью мыши и клавиатуры.
Зажмите клавишу Ctrl и левую кнопку мыши. Перемещайте мышь, чтобы повернуть или наклонить карту.
Чтобы вернуть карту в исходное положение, один раз нажмите на компас.
Изменить язык карты
Яндекс.Карты могут отображаться на разных языках: русском, английском и других.
По умолчанию используется язык, соответствующий выбранному домену. Например, на домене RU ─ русский (https://yandex.ru/maps), на COM ─ английский (https://yandex.com/maps).
На некоторых доменах язык, при необходимости, можно изменить:
Откройте главную страницу Яндекса.
Настройка будет работать во всех сервисах Яндекса, поддерживающих выбранный язык. В том числе на Яндекс.Картах.
Если для выбранного вами домена Яндекс.Карты поддерживаются на разных языках, то в нижней части карты появится переключатель между языком домена и языком, заданным вами в настройках.
Так, если вы открываете Яндекс.карты на украинском домене ( UA ), но в настройках задали русский язык (или наоборот, задали украинский язык на домене RU ), то в нижней части карты отобразится переключатель языков RU/UA :
Управление картой
Вы можете самостоятельно управлять картой:
Переместить карту
По умолчанию, сервис показывает вам карту вашего города или региона.
Чтобы посмотреть другой участок карты, нажмите и, удерживая левую кнопку мыши, передвиньте карту в нужном направлении.
Изменить масштаб карты
Изменить масштаб карты можно:
С помощью кнопок и .
С помощью колеса мыши: покрутите его на себя, чтобы уменьшить масштаб, или от себя — чтобы увеличить.
С помощью кнопок мыши: двойной щелчок левой кнопкой мыши на карте увеличивает масштаб карты, а правой — уменьшает.
С помощью правой кнопки мыши:
Нажмите правой кнопкой мыши точку на карте.
Не отпуская кнопку, переместите мышь в нужном направлении.
При движении мыши на карте будет выделена область.
Отпустите кнопку мыши.
Выделенная область переместится в центр карты; масштаб карты при этом увеличится.
Измерить расстояние
Измерить расстояние можно по прямой или по ломаной линии (например, повторяя линии улиц):
Нажмите кнопку Линейка : .
Чтобы выключить процесс измерения, нажмите на эту кнопку повторно.
Нажмите на начальную точку измеряемого отрезка:
Полученную линию можно откорректировать: любую из точек можно перетащить на новое место.
Можно также нажать на линию в произвольном месте — там появится новая точка, которую тоже можно перемещать по карте:
Чтобы удалить линию целиком — нажмите кнопку Очистить точки на панели возле конечной точки:
Чтобы выключить процесс измерения (и удалить линию целиком) — нажмите кнопку Выключить линейку на панели возле конечной точки (или повторно нажмите кнопку Линейка : ):
Напечатать карту
Вы можете напечатать карту, которую вы видите на экране, вместе с дополнительными элементами: найденными объектами, построенными маршрутами, панорамами (но не с пробками и фотографиями):
В этом окне вы можете изменить масштаб карты и переместить её так, как захотите.
портретная ─ длинная сторона листа располагается по вертикали;
альбомная ─ по горизонтали.
При необходимости напишите в поле, расположенном в нижней части страницы, текст комментария к печатаемой карте. Этот текст будет напечатан под картой.
В открывшемся стандартном окне выберите принтер и параметры печати.
Выбранная карта будет напечатана в соответствии с заданными параметрами.
Вы можете также напечатать карту, на которую нанесете собственные объекты, см. раздел Мои карты (конструктор карт).
Изменить вид карты
Нажмите кнопку ( Слои ) и выберите нужный режим отображения Яндекс.Карт ─
Схема (схематическое изображение дорог, домов и т. д.):
Спутник (снимок местности, сделанный из космоса) или Гибрид (снимок местности, сделанный из космоса, дополненный информацией карты: названиями улиц, адресами и др.):
Режим отображения не влияет на остальные функции карты: поиск, построение маршрутов или перемещение карты.
Повернуть или наклонить карту
Управлять наклоном и поворотом карты можно:
С помощью кнопки-компаса .
С помощью мыши и клавиатуры.
Зажмите клавишу Ctrl и левую кнопку мыши. Перемещайте мышь, чтобы повернуть или наклонить карту.
Чтобы вернуть карту в исходное положение, один раз нажмите на компас.
Изменить язык карты
Яндекс.Карты могут отображаться на разных языках: русском, английском и других.
По умолчанию используется язык, соответствующий выбранному домену. Например, на домене RU ─ русский (https://yandex.ru/maps), на COM ─ английский (https://yandex.com/maps).
На некоторых доменах язык, при необходимости, можно изменить:
Откройте главную страницу Яндекса.
Настройка будет работать во всех сервисах Яндекса, поддерживающих выбранный язык. В том числе на Яндекс.Картах.
Если для выбранного вами домена Яндекс.Карты поддерживаются на разных языках, то в нижней части карты появится переключатель между языком домена и языком, заданным вами в настройках.
Так, если вы открываете Яндекс.карты на украинском домене ( UA ), но в настройках задали русский язык (или наоборот, задали украинский язык на домене RU ), то в нижней части карты отобразится переключатель языков RU/UA :
1 – Название карты
Инструмент многоугольнике в конструкторе
при открытой форме задания значений параметров объекта — закрывает форму с сохранением параметров:
и 
.
.
( Печать ). Откроется окно предварительного просмотра.
и 
.
.
( Печать ). Откроется окно предварительного просмотра.
( Слои ) и выберите нужный режим отображения Яндекс.Карт ─
.
