Добавление Google карты на сайт — это простой процесс, который позволяет пользователям легко находить ваше местоположение. Вот пошаговая инструкция, как это сделать:
1. Откройте Google Карты 🌍
Перейдите на сайт Google Карты.
2. Найдите ваше местоположение 🔍
Введите название вашего бизнеса или адрес в строку поиска и нажмите "Enter". Убедитесь, что карта показывает нужное вам место.
3. Получите код для вставки 📋
- Нажмите на кнопку "Поделиться" (это иконка с двумя соединенными кругами).
- В появившемся окне выберите вкладку "Встраивание карты".
- Выберите размер карты, который вам нужен (маленький, средний, большой или пользовательский размер) и скопируйте HTML-код, который появляется в поле.
4. Вставьте код на ваш сайт 💻
- Откройте редактор вашего сайта. Если вы используете CMS (например, WordPress), перейдите на страницу или в раздел, где вы хотите вставить карту.
- Вставьте скопированный HTML-код в нужное место в коде страницы. Если вы используете визуальный редактор, убедитесь, что вы находитесь в режиме редактирования HTML или "Текста".
- Сохраните изменения.
5. Проверьте работоспособность 🧪
После добавления кода на сайт, откройте страницу и проверьте, отображается ли карта правильно. Убедитесь, что пользователи могут взаимодействовать с картой (например, увеличивать или уменьшать масштаб).
Примечания
- Если ваш сайт создан на платформе, такой как WordPress, существуют также плагины, которые могут упростить процесс добавления карт.
- Убедитесь, что у вас есть права на использование карты в соответствии с условиями Google.
Пример кода для вставки
Вот пример HTML-кода для вставки Google карты:
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8354345093066!2d144.95373631568297!3d-37.81720997975164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642af0f0f0f71%3A0x5045675218cede0!2sYour%20Business%20Name!5e0!3m2!1sen!2sus!4v1616957612000!5m2!1sen!2sus"
width="600"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy"></iframe>Замените часть Your Business Name и другие параметры на соответствующие значения вашего местоположения.
📌 Заключение
Следуя этим шагам, вы сможете успешно добавить Google карту на свой сайт! 🗺️
