Устанавливаем Google Maps на сайт без плагинов

Иногда на сайте требуется показать посетителю какой-то географический пункт, например, город, в котором вы живёте, улицу, где располагается ваш офис, продемонстрировать ориентиры. Чтобы решить поставленную задачу, следует пользоваться географическими картами. В этой статье я вам покажу, как установить Google Maps на сайт.

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

Как установить Google Maps на сайт

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

Чтобы установить Google Maps на сайт по этой инструкции, вам не понадобится никакой плагин. Можно устанавливать любое количество карт, любого географического пункта, в любом масштабе, в нарисованном или спутниковом формате.

Проделайте следующие действия:

В первую очередь перейдите на сервис Google Maps (вы должны будете авторизоваться в Google).

В поисковой строке укажите название географического пункта, который вы хотите отобразить на карте или его координаты, и нажмите «Enter».

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

Когда указанная карта загрузится, вызовите меню с помощью кнопки слева от строки поиска.

В появившемся меню выберите строку «Ссылка/код».

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

Например, ниже я поместил код карты, так это должно выглядеть.

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

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