Вграждане на карта от Google Maps в сайт

google maps гугъл картиGoogle Maps ( Google Карти ) е платформа и услуга на Google, с чието приложение могат да се разглеждат карти и адреси. Самите карти са интерактивни, т.е. те са с променлив мащаб за разглеждане. За териториите на различните страни се извършва автоматичен превод на населените места и имената на улиците. С помощта на търсачката в Google Карти е възможно да се изтърси и покаже карта с местоположение на изписан адрес.

 

Google Maps позволява да се вграждат Google Карти в собствени сайтове. Това е изключително удобно за онагледяване на адрес например в страница Контакт. Платформата Google Maps дава възможност бързо и лесно да се интегрира интерактивна карта в кода на всеки един уеб сайт. Интеграция на карта от Google Maps става с HTML код, който бива предоставен за ползване при намиране на даден адрес в самото приложение.

В тази статия ще ви покажа как да получите HTML код от Google Maps и съответно да го вмъкнете в кода на произволна ваша страница от сайта.

1. Посетете приложение Google Maps

2. В полето за търсене въведете валиден адрес

Картата на Google ще зареди адрес с червен позиционер. Например въвеждаме София бул.България 1 /адреса на НДК/

адрес google maps

3. Получаване на код от Google Maps за въведения адрес

Горе в ляво кликнете на Меню.

menu google maps

Изберете Споделяне или Вграждане на Карта.

код за вграждане на карта

Изберете Таб Вграждане на Карта. В полето ще видите визуализация на самата карта, както и код посредством който се визуализира. Копирайте въпросния код от полето.

google maps код вграждане карта

4. Посетете администрацията на своя сайт

Изберете страница в която искате да го вградите и по поставете чрез бутон HTML /за различните администрации бутона има различни имена – Source, Code, Източник/. Накрая запишете страницата.

внасяне код за гугъл карта

 

Виц за отмора

- Миналата седмица се ожених!
- Поздравления! И тя ли е програмист?
- Не.
- Опа...че тогава за какво си говорите?!