Make maps
Easily create custom maps with the places that matter to you.
Waterfront Blues Festival | See it in My Maps
Draw
Add points or draw shapes anywhere.
Search
Find places and save them to your map.
Import
Instantly make maps from spreadsheets.
Personalize
Show your style with icons and colors.
Add photos and videos to any place.
Share & collaborate
Allow friends to see and edit your maps, or publish them to the whole world.
Get the word out
Embed maps in your website or blog.
Make maps together
Work together on building your map, just like Google Docs.
Works with Drive
Easily organize all your maps alongside your other documents in Google Drive.
Take anywhere
View custom maps in the Google Maps mobile app so you can find places on-the-go.
Maps when you need them
Find all your maps in the Your Places menu on Google Maps.
Your world, your maps
Chart your favorite places or explore a new city.
Discover new destinations
Save maps you find on the web and use them on-the-go.
Как создавать карту в конструктор Гугл
Один из способов сделать ваш сайт более информативным и интерактивным – это добавить на него интерактивную карту. Карты, в свою очередь, могут быть полезными для представления местоположения вашего бизнеса, указания пути к вашему офису или даже просто для отображения интересных мест в вашем городе. В этой статье мы рассмотрим, как создать ее через конструктор карт Гугл и добавить ее на ваш сайт.

Общие сведения
Google Maps – это одна из самых популярных онлайн-картографических служб, предоставляемых компанией Google. Она позволяет пользователям искать места, прокладывать маршруты, изучать улицы или дороги, а также получать информацию о компаниях, магазинах, других местах интереса. Google Maps также предоставляет возможность создавать свои собственные схемы, настраивать их, чтобы они соответствовали вашим потребностям.
Назначение
Вставка Google Maps на свой сайт имеет несколько важных целей:
- Предоставление информации о местоположении. Может быть использована для ясного и наглядного представления местоположения вашего бизнеса, офиса, магазина или любого другого места, которое может быть полезным для посетителей вашего сайта. Это особенно важно для физических точек продажи или бизнесов, требующих личного присутствия.
- Указание пути, навигация. Они помогут потенциальным клиентам найти путь к вашему местоположению. Пользователи могут использовать интерактивные карты, чтобы прокладывать маршруты от своего текущего местоположения до вашего адреса. Это удобно для клиентов, особенно если ваше местоположение сложно найти.
- Привлекательность. Делают ваш сайт более привлекательным и интересным для посетителей. Они добавляют визуальные элементы, взаимодействие, что может сделать ваш сайт более запоминающимся.
- Информация о близлежащих объектах. Вы можете добавить на Google Maps метки, указывающие на близлежащие объекты, такие как рестораны, отели, достопримечательности, другие места интереса. Это может быть полезно для привлечения посетителей, предоставления дополнительной информации о вашем районе.
- Улучшение SEO. Вставка поможет улучшить оптимизацию поисковых систем (SEO). Поисковые системы могут использовать информацию со схемы, чтобы лучше индексировать и ранжировать ваш сайт, особенно если у вас есть физическое местоположение бизнеса.
- Увеличение доверия к сайту. Предоставление точной информации о местоположении может увеличить доверие посетителей к вашему сайту и бизнесу. Пользователи часто ищут эту информацию, чтобы убедиться, что они обращаются к надежному и реальному предприятию.
- Улучшение пользовательского опыта. Интерактивные изображения могут улучшить общий пользовательский опыт на вашем сайте, делая его более удобным и информативным.

Google Maps и Яндекс.Карты – два популярных сервиса картографии. У них есть ряд отличий:
- Интерфейс, дизайн. Оба сервиса имеют уникальные интерфейсы и дизайн, и пользователи могут выбирать между ними в зависимости от их предпочтений.
- Возможности конструктора. В Google можно создавать интерактивные схемы с местоположениями и информацией о них, добавлять маркеры и маршруты, а также настраивать стили. В Яндексе также есть конструктор, но у него могут быть ограничения, как в случае с невозможностью объединения нескольких изображений в одну.
- API и расширенные функции. Google предоставляет разработчикам мощное Google Maps JavaScript API, которое позволяет создавать настраиваемые картографические решения, включая встраивание в сайты или мобильные приложения с полным контролем над отображением, функциональностью. У Яндекс также есть API, но оно менее гибкое некоторых случаях.
- Поиск, маршрутизация. Оба сервиса предоставляют возможность поиска местоположений, построения маршрутов. Однако релевантность результатов поиска может немного по регионам.
Инструкция
Первым шагом зайдите на сайт Google Maps (https://www.google.com/maps) и найдите местоположение или объект, который вы хотите поделиться на вашем сайте. После этого переходите к добавлению схемы на свой сайт.
Через кнопку «Поделиться»
Вставка через кнопку «Поделиться» на Google Maps отлично подходит для быстро добавления виджета на ваш сайт. Вот как это сделать:
- Выберите место. Когда вы найдете нужное место, вы можете кликнуть по нему, чтобы убедиться, что оно выделено.
- Откройте меню «Поделиться». В верхнем левом углу вы увидите значок «Поделиться». Нажмите на эту кнопку.
- Настройте опции. При нажатии на кнопку «Поделиться» откроется окно с опциями для настройки способа представления виджета. Вы можете выбрать опции, например, размер или варианты встраивания.
- Скопируйте код встраивания. После выбора опций, Google Maps предоставит вам код HTML для встраивания на ваш сайт. Кликните на опцию «HTML» или «Копировать код» (в зависимости от версии Google Maps), чтобы скопировать этот код в буфер обмена.
- Вставьте код на ваш сайт. Теперь перейдите к редактированию страницы вашего сайта, где вы хотите разместить виджет. Вставьте скопированный код в HTML вашей страницы, обычно в разделе с содержанием страницы, где вы хотите, чтобы карта отображалась.
Создание собственной карты
Конструктор Google предоставляет удобный способ создания интерактивных карт с местоположениями и информацией о различных местах. Вот подробный алгоритм создания карты:
- Создание. После входа в аккаунт, нажмите на кнопку «Создать карту».
- Настройка основных параметров:
— Заголовок, описание. Выберите название для вашей карты и добавьте описание (необязательно);
— Приватность. Установите, будет ли ваша карта доступна всем или только по ссылке;
— Карта базируется на… Здесь можно выбрать, на какой карте базировать ваш проект. Обычно выбирается «Google Maps».
- Добавление местоположений.
— Чтобы добавить новое местоположение, кликните на значок «Добавить место» (обычно это значок в виде маркера) на панели инструментов слева;
— Выберите местоположение, просто щелкнув по нему;
— В появившемся окне добавьте название места, описание, фотографии и другие данные, если необходимо. Вы можете выбрать цвет маркера. - Организация данных с помощью слоев. Вы можете создавать разные слои на карте, чтобы организовать ваши местоположения. Это удобно, если у вас есть несколько категорий мест.

Функция просмотра
Во время создания карты с помощью конструктора Google, у вас есть доступ к ряду полезных функций просмотра. Они позволяют вам управлять отображением виджета:
- Панель инструментов слева. Здесь вы найдете инструменты для добавления новых местоположений, редактирования слоев, настройки стилей/маркеров, а также выбора базового стиля;
- Добавление местоположений. Вы можете добавлять новые местоположения на карту, щелкая на значок «Добавить место», выбирая их. После выбора местоположения вы можете добавить описание, фотографии;
- Настройка слоев. Вы можете создавать разные слои, чтобы организовать местоположения по категориям или темам. Это удобно для более логической структуры вашей карты;
- Настройка стилей и маркеров. Google позволяют вам выбирать цвета, значки и маркеры для местоположений и линий. Это помогает сделать вашу виджет более информативным и привлекательным;
- Интерактивность. Ваша Google Maps будет интерактивной, что позволяет пользователям увеличивать и уменьшать масштаб, перемещаться по ней, а также щелкать по местам, чтобы узнать дополнительную информацию;
- Редактирование, удаление. Вы можете в любое время редактировать или удалять местоположения и слои на вашей схеме. Это полезно для обновления информации или улучшения дизайна.
Изменение внешнего вида
Изменение внешнего вида виджета в конструкторе Google – это важная часть создания интерактивных, информативных схем. Вот некоторые функции, которые позволяют настроить стиль Google Maps:
- Выбор типа. Вы можете выбрать различные варианты базовых карт, такие как обычная, со спутника или террейн. Это позволяет адаптировать схему под потребности;
- Цвета и стили линий/заливки. Вы можете настраивать цвета или стили линий (для дорог/границ), а также заливки (для областей) на Google Maps. Это помогает выделить важные элементы или области на изображении;
- Иконки. Можно выбирать из различных значков/маркеров для местоположений. Это делает схему более информативной, помогает пользователям быстро идентифицировать разные места;
- Заголовки, описания. Вы можете добавлять заголовки или описания к местоположениям, что делает схему более информативной. Также можно настраивать стиль текста, такой как размер и цвет шрифта;
- Фотографии/видео. Конструктор позволяет вам добавлять фотографии и видео к местоположениям, что делает карту более наглядной и интересной для пользователей;
- Прозрачность слоев. Вы можете настраивать прозрачность слоев на карте. Это полезно, если вы хотите создать эффект перекрытия данных;
- Выбор цветовой схемы. В зависимости от целей, вы можете выбрать различные цветовые схемы, такие как светлая или темная, чтобы соответствовать дизайну вашего сайта;
- Настройка стилей элементов. Google позволяют настраивать стили различных элементов на карте, включая дороги, границы и фон;
- Легенда. Вы можете добавить легенду, чтобы пояснить, что означают разные маркеры, цвета или обозначения на карте.
Добавление на сайт
Есть 2 способа добавить созданную карту на сайт: через код HTML или с помощью плагина. Рассмотрим оба способа подробнее.
Через код HTML
Для добавления виджета на свой сайт через HTML код, вы должны использовать элементи вставить в его атрибут src ссылку на встраиваемую карту, предоставленную Google Maps. Также укажите ширину, высоту элементадля определения размера отображаемой карты.
С помощью плагина
Чтобы вставить карту на свой сайт с помощью плагина, вам нужно:
- Выбрать плагин. Выберите подходящий плагин для вашей платформы (например, WordPress, Joomla, Drupal и т. д.). Популярными плагинами для карт являются «Google Maps Widget», «WP Google Maps» для WordPress, «Simple Google Maps Shortcode» для Joomla и другие.
- Установить и активировать плагин. Следуйте инструкциям для установки и активации плагина на вашем сайте.
- Настроить параметры плагина. После активации плагина, перейдите к настройкам, укажите параметры, такие как API-ключ Google Maps, начальные координаты, стиль, маркеры и другие параметры, которые позволят вам настроить отображение виджеты по вашим предпочтениям.
- Создать карту. С помощью плагина, обычно, можно создать новую Google Maps или выбрать существующую. Добавьте местоположения, маркеры или маршруты, если это необходимо.
- Получить короткий код. Плагин обычно предоставляет вам короткий код (shortcode) или инструкции по его созданию. Этот короткий код будет использоваться для вставки схемы на страницу вашего сайта.
- Вставить короткий код на страницу. Отредактируйте страницу или пост, на котором вы хотите разместить виджет, вставьте короткий код в соответствующее место в содержании страницы.
Заключение
Карты не только обогатят информацию на вашем сайте, но и улучшат пользовательский опыт, предоставив посетителям полезные данные о местоположении, путях и окружающей среде. Благодаря Google Maps, вы можете создавать собственные карты, настраивать их внешний вид и делиться ими с вашей аудиторией.
Как создавать собственные карты в Google Maps с нанесением меток и маршрутов
![]()
В предыдущем видеоуроке: https://youtu.be/6ud-p2rRS6k я рассказывал о том, как пользоваться Google Картами, сегодня расскажу о том, как создавать Google Карты самому. Бесплатный сервис Мои Карты (Google Maps Engine) позволяет легко, буквально в несколько кликов, создать собственную карту в Google Maps с возможностью встроить ее на сайт или поделиться в социальных сетях. На карту можно добавлять собственные метки и маршруты, а также создавать неограниченное количество слоев. Возможность предоставить доступ к составлению карты другим участникам открывает широкие перспективы по созданию подробных тематических карт, которые могут быть полезны в социальной деятельности. Например, можно сотсавить карту доступности городской среды для инвалидов, опираясь на опыт сотен человек, которые ежедневно сталкиваются с трудностями, передвигаясь по городу. Все видео по сервисам Google: https://www.youtube.com/playlist?list=PLeDR6lYFEHWFoNzTEPq5DH-m81nKtwoyl Видео на Теплице — это уроки на русском по всем программам, которые могут вам пригодиться. Ссылка на чат Теплицы в Телеграм: https://t.me/teplitsafriend Теплица социальных технологий: http://te-st.ru Теплица социальных технологий в facebook: http://facebook.com/TeplitsaST Теплица социальных технологий вTwitter: https://twitter.com/TeplitsaST Теплица социальных технологий в vk: https://vk.com/TeplitsaST
Показать больше
Войдите , чтобы оставлять комментарии
How to create a map in Google Maps using My Maps, to save and share it for custom routes or directions
Facebook Email icon An envelope. It indicates the ability to send an email.
Email Twitter icon A stylized bird with an open mouth, tweeting.
Twitter LinkedIn icon The word «in».
LinkedIn Link icon An image of a chain link. It symobilizes a website link url.
Save Article Icon A bookmark
Redeem now
- You can create a map in Google Maps using My Maps in order to save a custom map for later use.
- Your custom maps can be shared in My Maps, which you can log into with your Google account on multiple devices.
- You can also edit your maps to change the route or add stops.
- Visit Business Insider’s homepage for more stories.
Advertisement
Google Maps has built a reputation as one of the best mapping apps.
This story is available exclusively to Business Insider subscribers. Become an Insider and start reading now. Have an account? Log in .
It’s easy to use, has features like satellite view, and includes many options for customizing directions. Even more, with My Maps, you can create, save, and edit maps using just your Google account.
Here’s how to do it.
Advertisement
How to create a map in Google Maps
1. Sign in to My Maps using your Google account.
2. Click on «Create A New Map.»
3. You should get a picture of the current continent or country where you are and a search bar.
4. Type in a city or even a specific landmark in the search bar at the top.
5. Click on the «Add Directions» icon (it’s a small box with a curving arrow on it).
6. The Google Maps sidebar will now appear with two search bars.
7. Type your starting point in the top search bar and your destination in the second.
8. Click on «Untitled Map» in the top of the sidebar. This will bring up a new pop-up asking you to enter the title of your map.
9. Once you click on Save, your new map will be saved in My Maps on your Google account.
Advertisement
How to open a map in Google Maps
1. Sign into My Maps.
2. You should see your maps in the My Maps dashboard.
3. Click on the map you want to open. You now can access and edit it.
Advertisement
How to edit a map in Google Maps
1. Sign into My Maps.
2. Open the map you want to edit.
3. On the left sidebar, you can make several edits, such as adding layers or customizing the appearance.
4. Click on Add Destination to add a stop.
5. You can reorder the stops by grabbing the letter on the left of the destination you want to move.
6. Drag the destination to the place where you want it.
Advertisement
Related coverage from How To Do Everything: Tech:
How to update Google Maps on your iPhone or Android phone, to get the latest features and security updates
How to calibrate your Google Maps app to give more accurate directions, on iPhone or Android
How to change your default home address on an iPhone, in both Google Maps and Apple Maps
How to change your route on Google Maps on desktop or mobile, to choose an alternate route or make your own
How to avoid highways on Google Maps for your directions on desktop or mobile
Ryan Ariano
Ryan Ariano grew up in Baltimore when the Macintosh was cutting edge, lived in Los Angeles as Blackberries gave way to iPhones, and now lives in Jackson Hole where his life is held together by Bluetooth. He writes on a wide range of topics but especially loves nerding out across the tech spectrum. Learn more about how our team of experts tests and reviews products at Insider here.