Карта Google на сайт, инструкция как вставить.
Как-то, решив зайти в офис одной компании, я столкнулся с тем, что офис компании переехал. И на дверях старого офиса, был приклеен листок, с новым адресом офиса. Одна проблема — по этому листку, я искал новый офис примерно час, хотя он был, всего в десяти минутах ходьбы от старого. А все из-за того, что на сайте компании не было карты, с новым местонахождением офиса.
На самом деле, разместить карту на сайте, с отмеченным адресом, плевое дело. Однако, к сожалению, многие этого не делают. Да, если у вас просто блог, то карта навряд ли вам пригодится. Но если ваш сайт является представителем реально существующего офиса в оффлайне, то карта на сайте, просто необходима. И неважно, касается это офиса много миллиардной компании, или это всего лишь сайт местной мастерской. Давайте посмотрим, как разместить карту на вашем сайте или блоге.
В русскоязычной части интернета, наиболее популярны карты от двух компаний: Гугл и Яндекс. Не буду говорить, сервис какой компании лучше, но сегодня я расскажу про сервис от компании Гугл.
Как вставить Google карту на сайт.
Существует несколько способов, для того, чтобы вставить гугл карты на свой сайт, и не важно, работает сайт под CMS WordPress или просто на HTML.
Способ № 1.
Перейдем на сайт — google.com/maps и выберем нужный адрес в строке поиска.
Обратите внимание, у карты есть два режима, упрощенный и полный. Если вы попали на упрощенный вид, то нужно перейти на полный вид. Для этого нужно просто нажать на значок в правом нижнем углу.
После чего, нужно в левом меню, выбрать пункт – «Поделиться».
И выбрать пункт – «Код»
После чего, у вас сразу отобразится карта с несколькими настройками: масштаб и размер карты; маленький, средний, большой, пользовательский. После чего, вы нужно скопировать код.
И вставить его в нужное место на сайте. Обратите внимание, если сайт на WordPress, то для вставки кода, достаточно перевести редактор в режим текста, и вставить код в нужное место. Или же вставить код в боковой виджет.
И вот что получится.
Далее, посетитель сайта, уже сможет дальше изменить масштаб, проложить путь до нужной точки, сделать вид со спутника и так далее.
Способ № 2.
Хотя первый способ, очень простой и позволяет вставить карту Google на сайт буквально в пару кликов, давайте разберем второй способ.
Нужно перейти по адресу — www.google.ru/maps. А далее? Да все как в первом способе. Также выбираете нужное месторасположение, и выбираете код. Единственная разница – сам адрес. А так сервис полностью идентичен.
Подозреваю, что свои адреса для карт имеются для всех доменных зон, коих у Гугл совсем не мало.
Способ № 3.
Но есть и третий способ. Уж он-то отличается от первых двух. Различие – больше настроек. Давайте перейдем на него.
www.google.com/maps
Вначале сервис вам скажет, что у вас нет карт. Что ж, нужно создать. Для этого, необходимо нажать на значок «+»
Здесь есть ряд дополнительных элементов: выбрать объекты, добавить маркер, нарисовать линию, добавить маршрут, измерить расстояние или площадь.
Вставив маркер в нужное место, можно вставить название места и его описание.
При необходимости, можно добавить маршрут, по которому легче проехать.
После этого, нужно нажать на кнопку – «Поделиться»
Добавить название и описание карты.
Настроить доступ
И сохранить изменения
Далее, нажав на три точки справа, выбрать «Добавить на сайт» в появившемся меню.
И теперь, можно вставить полученный код на сайт, при этом, можно сразу изменить размеры.
И вот что в результате получится
Таким образом, теперь вам не составит большого труда вставить на ваш сайт карту Гугл, и теперь, вашим клиентам, не придется искать ваш офис, как мне когда-то. И еще напомню. Эти методы, можно использовать на всех типах сайтах, будь это чистый HTML или же CMS, например WordPress.
Ну а если у вас есть вопросы, задавайте их в комментариях, и я обязательно на них отвечу.
Подпишитесь на обновления блога Life-Webmaster.ru и получайте в числе первых новые статьи про создание блога, раскрутку и заработок на нем!
как добавить интерактивную карту Google на сайт в Нубексе
Большинству компаний полезно и даже необходимо размещать интерактивную карту на сайте, чтобы посетителям было удобнее вас найти. Это особенно актуально для больших городов: вашим клиентам будет намного легче сориентироваться, если они визуально увидят местоположение офиса, смогут продумать маршрут и рассчитать время на дорогу.
Добавить интерактивную карту на свой сайт позволяет, например, всемирно известная поисковая система Google. Сделать это можно с помощью бесплатного сервиса Google Maps.
Шаг 1. Получить код для установки карты Google на сайте
Итак, чтобы разместить интерактивную карту Google на своем сайте, в первую очередь нужно получить код карты с отметкой Вашей организации. Для этого на GoogleMaps введите адрес или название компании в строку поиска, либо вручную найдите необходимый дом на карте и установите метку кликом мыши.
Когда отметка на карте установлена, нажмите на значок меню рядом со строкой поиска.
В открывшемся списке меню выберите пункт «Ссылка/код».
В открывшемся окошке перейдите во вкладку «Код», выберите размер карты и скопируйте предложенный html-код.
Шаг 2. Как вставить код карты 2gis на сайт
Итак, код получен, осталось только разместить его на нужной странице сайта. Мы решили добавить карту в раздел «Контакты». Заходим в админку «Нубекса», на панели управления выбираем раздел
Работать будем с текстовым блоком. Нажимаем кнопку «Источник», чтобы перейти в режим редактирования кода. Вставляем в текстовое поле код, полученный на GoogleMaps, и сохраняем изменения.
Заходим на страницу «Контакты» нашего сайта и радуемся обновлениям!
Благодаря Google maps любой посетитель вашего сайта сможет увидеть местоположение организации, проложить маршрут на автомобиле, на общественном транспорте или пешком, а так же сохранить ваш адрес в своих заметках.
Кроме карт от Google, вы так же можете разместить на сайте карты от Яндекс и 2gis, о них мы расскажем в соответствующих статьях.
как создать карту для сайта
Конструктор карт Google – это интересный сервис от поискового гиганта, позволяющий создавать свои маршруты и изображения местности для сайтов. Результатом использования становится Java-код, который интегрируется в код сайта. Так можно показать пользователям своего ресурса местоположение определенного объекта, здания или компании. Создание своего маршрута позволит малоизвестным организациям рассказать потребителю, как к ним добраться.
Генератор карт Google
Создать карту Гугл может каждый желающий. Для этого требуется проследовать по ссылке и ознакомиться с правилами и возможностями сервиса.
Что дает пользователю конструктор Гугл карты для сайта:
- Возможность создать миниатюрный маршрут, который в дальнейшем будет размещен на тематической странице.
- Подробная настройка параметров. Возле указанного пользователем места может отображаться местность: от 2.5 метров до 2000 км. К слову, первое и последнее значения практически бесполезны – на малом расстоянии не получится разглядеть, что находится рядом. На большом — наоборот, видно сразу несколько материков. Вероятно, и этому можно найти применение.
- Возможность указать точный адрес местности, название, а также определить, как все будет отображаться.
- 4 доступных типа отображения местности: спутник, карта, гибридный, местность.
- Возможность юзеру задать высоту и ширину.
После окончательной настройки любой желающий получает код для вставки на свой сайт и гиперссылку. Последняя ведет на сгенерированное изображения, указывающее маршрут к нужному месту.
В чем польза для сайта
Создать карту Google для своего сайта – далеко не глупая и, вероятно, недооцененная затея, и вот почему:
- Во-первых, местонахождение пользователя в реальном мире (здание – оно может символизировать собой ТЦ, магазин, ресторан или любой другой сервис) отобразится на одном из самых популярных картографических сервисов – Google Maps.
- Во-вторых, это потенциальное удобство в ориентировании. Людям больше не придется бездумно искать ваше, к примеру, кафе – его можно будет увидеть на карте ближайшей местности.
- Маршруты, размещенные на сайте, наверняка, вызовут симпатию у посетителя ресурса. Это будет значить, что владелец домена заботится о своем трафике, предоставляя им все условия для нахождения сервиса.
- Конструктор Гугл для сайта позволит разнообразить дизайн любого интернет-ресурса.
Почему стоит использовать именно карты от Google
Google Maps – это самый распространенный в мире картографический сервис с рядом своих преимуществ:
- Один из немногих навигационных сервисов, предоставляющий реальные фото, сделанные со спутника. Просматривая их, человек может без проблем ознакомиться с местностью. Это упростит поиск вашего заведения в незнакомом месте.
- Пользоваться услугами от поискового гиганта одинаково удобно со смартфонов, планшетов и персональных компьютеров.
- Самостоятельно составляет маршрут от места нахождения пользователя до указанной точки.
- Сгенерированное для сайта изображение можно распечатать.
Использовать конструктор карт Google необходимо, если у человека есть свой ресурс в интернете, который рассказывает о заведении в реальном мире. Так, можно разместить маршрут от поискового гиганта прямо на сайте, указав незнакомым с местностью людям путь к нужному месту.
Понравилась статья? Поделиться с друзьями:
Как создать карту сайта при помощи плагина Google XML Sitemaps?
2013-11-17
19 комментариев
Приветствую вас, читатели моего блога! В этой статье я расскажу о том, как создать карту сайта для wordpress при помощи плагина Google XML Sitemaps.
Google XML Sitemaps нужен для создания карты сайта в формате sitemap.xml, которая в свою очередь используется поисковыми роботами и служит для улучшения индексации Интернет-проекта.
В одной из статей блога, я вам рассказывал о плагине Dagon Design Sitemap Generator, который создаёт тоже карту, но для блога!
Запомните: ДЛЯ БЛОГА.
Скачать его можете вместе с комплектом базовых плагинов для WordPress или пройдя по ссылке: www.wordpress.org/extend/plugins/google-sitemap-generator/
data-ad-client=»ca-pub-8243622403449707″
data-ad-slot=»1319308473″
data-ad-format=»auto»>
Ещё такой момент: говорят, что на папку с Google XML Sitemaps нужно ставить права доступа 777. Я никакие права доступа на эту папку не выставлял и у меня всё нормально работает. Это видимо зависит от хостинга, поэтому я Вам расскажу как выставить права доступа на папку с Google XML Sitemaps, используя FTP клиент Total Commander.
- Находим папку с плагинами по адресу: /public_html/wp-content/plugins.
- Соответственно в этой папке находите папку с файлами sitemap-generator, нажимаем на него один раз левой кнопкой мыши.
- Нажимаем в панели Total Commander Файл—>»Изменить атрибуты«.
- В появившемся окне пишем 777 и нажимаем кнопку «ОК«
После выставления прав доступа 777 Google XML Sitemaps должен работать отлично в любом случае.
Теперь нужно будет зайти в административную панель блога «Параметры -> XML-Sitemap«. Вам предложат создать карту сайта ( в последствии она для поисковиков будет обновляться автоматически после написания статьи). Нажимаете на соответствующую ссылку и готово.
В настройках Google XML Sitemaps я ничего не менял, если хотите — меняйте, всё написано на русском языке, проблем с этим возникнуть не должно.
Я думаю это самый простой способ создания карты сайта для Яндекса и Гугла. Но можно это сделать и онлайн, но об этом в другой статье.
А на сегодня всё!
Хорошая музыка…
P.S.
Как вам статья? Рекомендую получать свежие статьи блога на e-mail, чтобы не пропустить много новой интересной информации!
С уважением, Александр Сергиенко
Читай этот блог и ты узнаешь много полезного! Читай и ты!Поделитесь с друзьями:
Как вставить Google карты (Google maps) на сайт
Здравствуйте, сегодня займемся добавлением Google карт сайт (данный метод подойдет как для вставки карты на обычный сайт, так и на WordPress). Так же вас может заинтересовать установка Яндекс карт.
Я думаю, вы не раз видели функциональные карты со скроллингом и масштабированием на других сайтах. Особенно часто можно увидеть карты в разделе контакты на корпоративных сайтах с путями проезда до определенного места (офис, мероприятие). В этой статье я распишу как установить карту на сайт в любое место, будь то пост, страница или виджет.
Добавить Гугл карты на WordPress сайт можно несколькими способами: с помощью плагинов и просто вставкой кода на сайт. При чем, любой из вариантов установки карты будет достаточно прост для новичка.
Рассмотрим для начала установку Google карт на свой сайт без использования плагинов.
Как разместить Google карту на сайт без плагина
С помощью данного метода можно добавить Google карту как на WordPress, так и на сайт, созданный с помощью любого другого движка, либо вовсе без его использования.
Первым делом, что необходимо сделать — это зайти на страничку сервиса Google maps:
https://www.google.com/maps/
И задать интересующий адрес в поиске:
Далее необходимо зайти в раздел настройки (шестеренка) и нажать «поделиться».
В открывшемся окне нужно перейти во вкладку «Код»:
Предварительно задайте необходимое масштабирование.
Осталось скопировать выделенный на скриншоте выше код карты и вставить его в соответствующее место на сайте.
Слева от выделенного фрагмента есть вкладка, где можно выбрать размер карты. Есть 4 варианта: маленькая, средняя и большая. Так же можно задать любой другой размер в пикселях, в зависимости от верстки сайта, что позволит подстроить размеры карты под любой сайт. В дальнейшем его можно будет поменять, поэтому если сразу не задали длину и ширину – не беда.
При вставке кода в WordPress запись или на страницу, обязательно переключитесь в режим «Текст», так как в визуальном редакторе вставить карту не получится.
Так же можно добавить Google карту в виджет WordPress, достаточно просто вставить нужный код с помощью «произвольного текста».
Обратите внимание на подчеркнутые строчки.
Width – это ширина
Height – это высота.
Изменив эти параметры вы с легкостью сможете настроить нужные размеры карты для вашего сайта, если не задали их в предварительном форматировании.
В итоге получилось следующее:
Вот такая Google карта будет у вас на сайте, если следовать инструкции.
Обязательно по закрывайте ненужные всплывающие блоки при просмотре карты, до добавления ее на сайт, в противном случае они будут отображаться у вас на сайте.
Есть еще очень много настроек, которых можно задать для карты:
Сделать карту-спутник:
Можно указать маршрут от одного места до другого.
Для этого необходимо указать место отправления и место прибытия.
Можно задать любые маршруты: автомобильный, автобусный, самолетный, пешеходный, вело. Опять же очень удобно для корпоративных сайтов.
Так же можно настроить отображение пробок, нажав на кнопку выделенную на скрине ниже.
Можно выбрать определенную точку на карте – маркер. Это может быть полезно, если необходимо указать адрес компании или организации.
Делается это двумя способами: либо указать в поиске полный адрес, либо кликом мыши.
Способ вставить Google карту на сайт № 2
Не знаю по какой причине, но Гугл карты доступны по двум разным адресам (URL) и имеют несколько отличающийся интерфейс.
Как бы там ни было, рассмотрим добавление Гугл карт альтернативным способом.
Переходим по ссылке:
https://maps.google.com.ua
Ищем в поиске интересующий дом или объект.
Слева есть блок с кнопками:
Нажимаем кнопку, выделенную красным (скриншот выше), а далее все просто: появится блок, в котором будет размещен html-код, который нужно скопировать и добавить на сайт. Процесс добавления аналогичен тому, что я описал в начале статьи.
Само собой можно задать маршрут:
В итоге получился такой результат:
Просмотреть увеличенную карту
Код несколько отличается от предыдущего, но так же позволяет сделать некоторые схожие настройки:
width=»425″ – изменяет значение в кавычках, для указания нужное ширины.
height=»350″ – высота.
Если вдруг встанет необходимость разместить блок с картой посредине (выравнивание по центру), то для этого достаточно заключить код с картой в теги
Способ добавить Google карту на сайт № 3
Не поверите, есть еще и 3-й способ размещения Google карты на Вордпресс сайте без плагина.
Правда эта карта будет несколько отличатся от предыдущих. Чем? Тем, что ее можно редактировать. Можно изменять, задавать своим метки (маркеры) со своими названиями и описаниями.
Доступна она по адресу: https://mapsengine.google.com/map/.
Зайдя на страничку по ссылке, необходимо создать Гугл карту:
Вбиваем интересующий город или адрес.
Возле блока с поиском вы увидите инструменты, с помощью которых можно редактировать карту:
Первая кнопка (из выделенных) – маркер, позволяет создать точку на карте с возможностью задать название и описание:
Это более чем существенное преимущество по сравнению с предыдущими вариантами.
Вторая кнопка – выделение области:
3 – я кнопка – добавление маршрута.
Прежде чем добавлять карту на сайт, необходимо нажать кнопку «поделиться», расположенную в правой верхней части экрана. И задать название для ново созданной карты:
Измените уровень доступа на «общедоступный в интернете»:
Осталось дело за малым: необходимо получить код Google карты, сделать это можно нажав на значок папки:
После чего, копируем из всплывшего окошка код карты и вставляем на свой сайт, в результате получаем следующее:
Фух…пожалуй на этом все, добавление Яндекс карты я распишу ближе к вечеру, а статья про плагины Яндекс и Google карт будет завтра.
Отправить ответ