Безплатно! Онлайн събитие: 5-дневно ChatGPT предизвикателство Регистрация тук.

Използване на Google Maps

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (1 модула), моля влезте или се регистрирайте.

Предишен Следващ

Wordpress Elementor В курса ще ви разкрием тайните на създаването на професионални уеб сайтове с използването на интуитивния инструмент Elementor. Ще научите как да създавате уникални и интерактивни уеб страници, които ще се отличават в онлайн пространството.

Най-важното за интеграцията на Google Maps в Elementor

За да интегрирате Google Maps в уебсайт, създаден с Elementor, трябва да получите API ключ от Google и да го въведете в настройките на Elementor. Без този ключ картата ще се зареди, но ще бъде покрита с надпис "Development Only Copy", което я прави неизползваема за потребителите. Това е задължителна стъпка, въведена от Google преди около 3 години.

Стъпка по стъпка интеграция на Google Maps

Отидете в настройките на Elementor
Изберете секцията "Интеграция"
Намерете раздела "Google Maps ембедки"
Следвайте линка, който ви отвежда към страницата за създаване на API ключ
Създайте своя API ключ, следвайки инструкциите на Google
Копирайте получения ключ и го поставете в полето в настройките на Elementor
Запазете настройките
Отворете редактора на Elementor
Потърсете widget-а "Maps" или "Map" в панела с инструменти
Поставете Google Maps картата на желаното място
Настройте адреса, zoom фактора и височината на картата според нуждите ви

Полезни функции и настройки

API ключ - Необходим за правилното функциониране на Google Maps в уебсайта
Адрес - Определя локацията, която ще се показва на картата
Zoom фактор - Контролира нивото на приближение на картата
Височина на картата - Задава размера на картата във вертикална посока

Тази функционалност е особено важна за офлайн бизнеси, които искат да покажат своето местоположение на потенциалните клиенти по професионален начин.