Сделать оценку проекта?

Как вставить фрагмент карты Google Maps в WordPress без использования плагинов

Учимся вставлять нужный фрагмент карты Google Maps без использования плагинов в WordPress

 

Нередко случается, что есть необходимость вставить небольшой кусок карты для большей наглядности места, о котором будет идти речь. Самым простым вариантом является Print Scrin. Снимок экрана можно вставить как картинку в нужный документ. Но есть и другой способ, в котором используются непосредственно Гугл Карты вместе со всеми кнопками, отвечающими за размер просматриваемого фрагмента карты. Чтобы воспользоваться этим способом, вовсе не нужно ставить дополнительные программы или производить настройку плагинов WordPress.

 

Фрагмент Google Карт в качестве примера

К примеру, мне необходимо на своем веб-ресурсе показать определенный фрагмент карты города (пусть будет столица) и указать на Европейскую площадь. Размер карты должен совпадать с шириной колонки (не забудьте задать нужные параметры). И это будет иметь такой вид:

Всем понятно, что на экране не просто картинка, а полностью рабочий кусочек Гугл Карт. Им можно пользоваться, как и обычными Гугл Картами: уменьшить или увеличить масштаб, убрать описание к маркеру или просмотреть другой кусок карты, передвинув курсор.

 

Каким образом это осуществить?

Все это вовсе не так сложно, как кажется на первый взгляд. Особенно, если есть пошаговая инструкция. Вам понадобятся maps. google. com. И собственно все.

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

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

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

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

 

Используем ссылку на карту

Если вам все-таки удалось отыскать необходимый на карте фрагмент, то можете кликнуть по кнопке «Ссылки», которая находится в панель слева. Вам откроется еще одна панель, где будет указываться адрес ссылки и html-код. Вам следует отыскать на ней кнопку «Настройка и предварительный просмотр встроенной карты» и кликнуть по ней.

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

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

Затем найдите и откройте в режиме редактирования нужную запись WordPress и, перейдя к просмотру html, вставьте скопированный фрагмент туда, где это необходимо.

Смотрим, что получилось, если просматривать нужную запись:

Вы уверенны, что надпись «Просмотреть увеличенную карту» непосредственно под самим фрагментом карты вам не нужна? Тогда вытрите ненужные символы после </iframe>:

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

Статьи по теме
Подпишитесь на обновления
Узнать стоимость сайта
  • Отправьте нам заявку на бесплатный просчет стоимости сайта и наш специалист с Вами свяжется. Или звоните:
    066-55-303-88 093-55-303-88 098-55-303-88

  • Расширенная формаСкачать бриф
Сделать оценку проекта?
мы выпустили книгу
Интернет магазины
секреты
успеха