Гугл карты — возможности просмотра и настройки Google карт под себя в 2024 году

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

На новых Google Maps слой с пробками активируется в области под поисковой строкой:

Его легенда (цветовая дифференциация) будет приведена внизу окна, выпадающего из поисковой строки. Там же можно будет посмотреть прогноз дорожной ситуации на Гугл картах на нужный вам день и час:

Функция прокладки маршрута в классическом интерфейсе доступна из правой колонки после нажатия соответствующей кнопки:

В общем-то, все что нужно есть. Задаете точку начала и окончания маршрута, получаете несколько вариантов проезда, которые могут быть различными при выборе способа передвижения: машина, общественный транспорт или собственные ноги.

В новом интерфейсе Google Maps все выглядит более лаконично, как мне кажется. За начальную точку отсчета принимается та, которую вы просматриваете сейчас, а для ввода конечной достаточно кликнуть по кнопке «Как добраться», расположенной внизу поисковой строки.

В результате Гугл выдаст несколько маршрутов на карте (основной показан синей линией, а альтернативные — серой), время проезда по которым будет рассчитано с учетом текущей дорожной обстановки (пробок):

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

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

И, наконец, чумовая опция любых современных онлайн карт — просмотр улиц (в Яндексе это называлось панорамы). В Google Maps она активируется довольно-таки оригинально — нужно будет перетащить желтого человечка (в классической версии он живет в левом верхнем углу, а в новой — в противоположном нижнем) туда, где вы хотите воочию обозреть окрестности.

Вариантов использования этой опции масса — от банальной виртуальной проработки будущего маршрута движения, до виртуального путешествия там, где вы никогда не были или были, но хотите освежить воспоминания или понастольгировать. В Гугле эта возможность еще более замечательная, ибо перед вами открывается весь мир, а не только крупные города России, как это было в Яндексе.

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

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

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

Как получить Гугл карту для своего сайта

Чуть ранее мы рассмотрели как вставить Яндекс карту на сайт. Там для решения этой задачи существовал специальный конструктор, который помогал создать простейшую схему проезда до вашего офиса или что-то подобное. Более сложные задачи надо было уже решать при помощи программиста и Api Яндекс карт.

C Google Maps ситуация примерно такая же — для того, чтобы вставить схему проезда на свой сайт, особого ума не надо, а вот более сложные сможет сделать только специалист, либо вам в этом поможет расширение (плагин) для используемого вами движка (CMS).

Итак, самый простой способ в новых Гугл картах получить их код для вставки на сайт, это отметить все нужные вам объекты, проложить нужные маршруты и кликнуть по шестеренке, расположенной в правом нижнем углу, чтобы выбрать там пункт «Поделиться»:

В результате откроется окно, где на второй вкладке «Код» вы сможете выбрать размер окна, в которое будет вписана ваша карта (можно поменять и потом, в коде заменив цифирьки в атрибутах width="« height=»" тега iframe).

Получится примерно так (схема кликабельна — реагирует на ваши пасы мышь и кнопки на клавиатуре):

Однако это не совсем то, что нам нужно. Нет возможности нарисовать маршрут вручную, поставить метки с подписями, выделить нужные объекты. На самом деле все описанное сделать можно, но для этого нам понадобится специальный инструмент. Называется он Google Maps Engine Lite.

Выбрав вариант «Создать новую карту», вы получите в свое распоряжение конструктор с уже привычными по Яндексу инструментами — добавления метки, рисования линий и маршрутов.

Для начала, например, ставите метку там, где расположен ваш офис (даете ей название, описание и указываете Урл сайта). Потом кликаете по ней левой кнопкой мыши и выбираете пиктограммку прокладывания маршрута. Слева откроется поле, куда вам нужно будет ввести начальную точку (например, ближайшую станцию метро), после чего Гугл проложит маршрут до вашего офиса.

При желании можете обвести здание офиса линией и замкнув ее получите его выделение фоновым цветом (для этого объекта тоже можно добавить название, описание и сайт). В итоге в редакторе Google Maps Engine Lite все это безобразие будет выглядеть примерно так:

Теперь нужно будет нажать на кнопку «Поделиться» в правом верхнем углу и воспользоваться ссылкой «Изменить».

Выберите «Общедоступный в интернете» и сохраните изменения.

Нажмите «Готов» в предыдущем окне. После это кликните по иконке папки в левом верхнем углу Google Maps Engine Lite и выберите пункт «Добавить на сайт»:

Собственно, все. Копируете код, при необходимости подправляете в нем размеры окна Гугл карты по ширине и высоте (атрибуты width="« height=»" тега iframe) и вставляете код в любую страницу вашего сайта напрямую (фреймы не должны резать используемым вами визуальным редактором).

Как создать карту в классическом интерфейсе и добавить ее на сайт

В классическом интерфейсе Гугл карт можно будет перейти на вкладку «Мои места» и нажать на кнопку «Создать карту». В результате попадете в уже знакомое нам окно Google Maps Engine Lite. Но это мы уже рассмотрели чуть выше и потому интереса не представляет.

Однако, можно еще кликнуть по ссылке «Классический интерфейс», где вам опять же откроются обширные возможности по созданию схемы проезда для своего сайта. В левой верхней области имеются инструменты для нанесения своей разметки на Google карту.

Можно поставить метки разных мастей:

Можно выделить знание с помощью рисования многоугольников и проложить маршрут от ближайшего метро с помощью инструмента «Прочертить линию вдоль дорог». Для каждого созданного элемента разметки можно добавить название и описание.

То же самое можно сделать и для самой карты, после чего нужно будет выбрать «Открытый доступ» и нажать на кнопку «Готово».

После сохранения выбираете созданную карту и кликаете по иконке «Ссылка» вверху слева и выбираете показанный на скриншоте вариант «Настройка и предварительный просмотр»:

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

Собственно все, копируете код и вставляете его на сайт (тег iframe обычно не режется визуальными редакторами и проблем со вставкой не должно возникнуть). Более подробно вопрос вставки отражен в упомянутой вначале статье про Яндекс карты. В результате должно получиться примерно так:

Вторую часть кода:

<br /><small>Просмотреть <a href="https://maps.google.com/maps/ms?msa=0&amp;msid=208520763368997065136.0004eeef6889687696c48&amp;ie=UTF8&amp;t=m&amp;ll=55.75383,37.637615&amp;spn=0.010892,0.025706&amp;z=15&amp;iwloc=0004eeef7233d84b5e1e1&amp;source=embed" style="color:#0000FF;text-align:left">Схема проезда</a> на карте большего размера</small>

Я удалил за ненадобностью лишней ссылки. Ну, где-то так. Если данных возможностей вам мало, то милости просим в Google Maps API для разработчиков. Навыки программирования на джаваскрипте обязательны.

Хотя можно будет еще попробовать поискать плагины для своего движка (WordPress, Joomla), которые могут предложить вам свой конструктор карт основанный на упомянутом API. В результате можно получить что-то оригинальное и потом вставить полученную карту на сайт уже не составит вообще никакого труда — плагин это сделает за вас. Если что-то есть на примете, то буду рад добавить вашу информацию в статью. Заранее спасибо.