Сервис Google Maps – это очень удобное средство для визуального отображения на вашем сайте географического расположения вашей компании, студии, магазина или офиса. Если вы хотите вставить google maps на свой сайт, то она поможет вашим посетителям или будущим клиентам легко найти вас, чтобы понять, где находится ваше представительство.

Для того, чтобы добавить google maps на сайт, вам нужно всего-навсего добавить в код шаблона страницы, записи или сайдбара небольшой HTML-код в виде приблизительно такого фрагмента:

 <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d42466.994342569895!2d39.749818149999996!3d48.299252!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2sua!4v1418885786623" width="400" height="300" frameborder="0" style="border:0"></iframe>

Многие пользователи не знают, что такое google maps как вставить на сайт и как вообще пользоваться этим сервисом. Поэтому объясню подробнее, хотя объяснений в силу их простоты будет немного. Итак, вот как будет выглядеть карта на вашем сайте (живой пример):

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

Для того чтобы разместить код google maps ссылка берется здесь. Дальше все просто – сначала в поле поиска вы указываете подробный адрес своего предприятия – страну, город, улицу, дом. Вот так:

Код google maps вставить на сайт

Вам будет показано местоположение вашего указанного пункта в маленьком масштабе. Чтобы его увеличить, нажмите на кнопку «+» в правом нижнем углу страницы или увеличьте изображение скроллом мышки. Точно так же его можно уменьшить – или скроллом, или нажатием на кнопку «-».

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

Дальше – адрес мы указали, Google Maps нам его показал, теперь нужно получить код google maps и вставить его на свой сайт. Код берется здесь:

Код google maps вставить на сайт

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

Так вы попадете на новое вплывающее окно с кодом карты. Надеюсь, я достаточно понятно объясняю, как добавить google maps на сайт и как получить код.

Код google maps вставить на сайт

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

Код карты на сайте

Как видите, вставить google maps сайт не просто легко, а очень легко. Пользуйтесь на здоровье! А следующая статья будет о форме регистрации на wordpress сайте.