1. OneData.ru
  2. » »
  3. Как вставить карту Google и Яндекс на сайт?
Разработка 23-01-2017, 11:57 0 255

Как вставить карту Google и Яндекс на сайт?

Как вставить карту Google и Яндекс на сайт?Спрашивают о том, как вставить карту Google и Яндекс на сайт, как правило, владельцы собственного бизнеса и офис-центра, принимающего пользователей для консультаций или в других целях. Порой клиенту бывает недостаточно знать один только адрес и контактные данные: иногда визуальное представление пути помогает ему быстрее сориентироваться, или предпринимателю таким образом удается избежать ситуации, когда клиент заранее отказывается куда-либо ехать, ошибочно представляя иное местоположение. В общем, штука это удобная, к тому же сегодня невозможно найти популярный сайт, который бы не содержал такой функции. Помимо этого, есть еще один тип организаций, для которых эта часть функционала считается неотъемлемой: такси, предоставление услуг в сфере туризма и многие другие. Если вам нужно найти подробные инструкции по установке данного расширения, или интересна развернутая информация об этом – читайте нашу статью.


Что лучше установить: карту Гугл или Яндекс?


Как вставить карту Google и Яндекс на сайт – это неординарный вопрос, который необходимо разделить на два блока, чтобы инструкции получились конкретными. Кроме того, это хоть и похожие по принципу работы программы, одновременно их устанавливать будет нельзя, так что придется выбирать. Можно отталкиваться от разных свойств: например, визуальное оформление, возможность в детализированной настройке, расширенный «каталог» возможностей и прочее. Некоторые владельцы сайтов выбирают ту программу, с которой им уде приходилось работать (например, если они размещают контекстную рекламу через Яндекс. Директ – карту выбирают от этой же компании, точно так же и с Гуглом). Что касается функционала – Яндекс предоставляет своим клиентам выбор намного шире. Например, можно воспользоваться конструктором карт, чтобы создать собственные схемы проезда, и многие другие приятные мелочи (в том числе, дополнительные улиты, которые делают процесс настройки детализированным).


Как вставить карту Гугл на сайт?


В разделе выше мы уже обсудили положительные стороны карты от компании Яндекс, но это не значит, что Гугл обделен таковыми. Конечно, спектр возможностей намного меньше, но тех функций, что присутствуют по умолчанию, может быть вполне достаточно для полноценной настройки карты под лад своего сайта. Многие предприниматели отмечают в качестве самого главного плюса системы – ее оптимизацию, скорость работы, а также внешний вид. Помимо того, что визуальное изображение местности будет доступно пользователям в понятном и подробном виде, присутствует также возможность в настройке отображения со спутников. То есть, вместо графического представления местности, пользователи будут видеть реальные фотографии в проекции сверху. Также эту карту намного проще и быстрее настраивать, ведь функций гораздо меньше, а значит, внимание не придется концентрировать на каждой детали. Если необходимо зафиксировать какую-то точку или дом, можно будет найти координаты вручную на той или иной улице, или обозначит необходимое место цифрами, чтобы система автоматически поставила отметку.

Инструкция по установке:
  • Посетите официальный портал компании, или перейдите через поисковик сразу на нужную страницу: а нужна нам карта Гугл, которую мы и собираемся устанавливать на сайт. Рядом со строкой поиска (заметить ее легко – она там одна), есть графическое обозначение меню – на него нужно нажать;
  • левой части экрана должен появиться список с действиями, которые доступны вам, как пользователю системы. Найдите строку под названием «Поделиться с друзьями или получить код страницы (карты)» и нажмите на нее;
  • В открывшемся окне перейдите во вкладку «код» и найдите строку, содержащую символьные и числовые обозначения – это и есть код. Если найти не получается, дадим еще одну наводку: выглядит она, будто ссылка, что пишется вверху любого окна при серфинге в интернете. Теперь, выбираем необходимый нам размер карты, ждем, когда код адаптируется под него, и копируем символы;
  • Дальнейшие действия зависят от того, где вы собираетесь размещать карту. Скорее всего, если вы взялись делать это самостоятельно, хотя бы приблизительный ориентир имеется, и движком своего сайта вы пользоваться умеете. Предположим, что нужная вам страница называется «Контакты» - переходим к ней. В редактировании страницы должно быть поле «источники» - его мы также открываем;
  • Код карты вставляем в код страницы, которую мы только что открыли. Нужно понимать, что расположение кода очень важно, и если вы не уверены в этом вопросе – обратитесь за помощью к специалистам (общих рекомендаций по этому поводу дать нельзя: хостинги слишком отличаются друг от друга);
  • Сохраните внесенные вами изменения и проверьте результат. Для этого, просто обновите страницу, на которую устанавливали модуль: если карта будет располагаться в нужном месте, значит, процедура прошла успешно.



Как вставить карту Яндекс на сайт?


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

Инструкция по установке:
  • Обратите внимание на окно «Найти место на карте»: следуйте этой инструкции и обозначьте местность, улицу или дом, который необходимо обозначить на вашем сайте. После того, как вы нажмете на кнопку «Найти», система предложит несколько вариантов: среди них вы должны выбрать правильный;
  • Настройте внешний вид метки, которую установит система. Далее, нажмите «Сохранить» и получите ссылку на вашу карту;
  • Далее идут сложные и детальные настройки, к каждому пункту которой прилагается отдельная, понятная инструкция. Установите подходящие параметры и переходите к следующему пункту;
  • Вставляем получившийся код в код необходимой страницы на вашем сайте, сохраняем изменения и проверяем результат.



Дополнительные данные


К обеим картам будет предложено дополнительно прикрепить контактные данные. Необходимо это для связи с вами или вашей компании, так как существует вероятность, что пользователь все равно не разберется с местоположением, или перед тем, как ехать в офис, будет нуждаться в консультации. Как вставить карту Google и Яндекс на сайт мы уже разобрались, так что за вами остается только сделать выбор и следовать описанным в статье инструкциям. Процессы не занимают много времени, зато пользователи получают дополнительное удобство, если на сайте есть визуальная карта, так что сомневаться в том, нужно ли это кому-то – не стоит.