Как да вмъкнете Google Map на уебсайта

Също така, вградената карта може да бъде много гъвкав, за да персонализирате, промени цвета си, добавете маркери, пояснения и т.н. Като цяло, много възможности, и това е само за най-основните от тях, бих искал да кажа и шоу с пример как да се приложи.

Първият урок ще бъде посветен на темата "Как да инсталирате Google Карти на сайта си?"

За да направите това, което трябва да направим 4 лесни стъпки.

Стъпка 1 - свържете Google Maps API за

В същото време искам да отбележа, че дори и да не укажете ключ и като цяло се пропусне тази възможност, картата, която ще продължи да работи, просто ще се появи на конзолата предупреждение, че опцията не е уточнено.

Как да получите ключ Google Maps API?

3. Изберете "Създаване на нов проект", или, ако вече сте създали проекти преди, изберете съществуващ. След това кликнете върху "Напред".

4. Въведете произволно име за ключа. Ако желаете, можете да укажете също домейна на сайта, на който ще се използва ключ, но това не е задължително.

След това кликнете върху бутона "Create".

5. Това е един и същ ключ, който трябва да се посочи, когато се свързвате приложния програмен интерфейс на Google Maps

Стъпка 2 - поставете карта на уеб страницата

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

Името на документа за самоличност и клас може да бъде произволно, а не непременно същите, както в нашия случай.

Стъпка 3 - Задава размера на картата

Сега добавете следното правило стилове, в които се определят размерите на бъдещите ни карти.

Размерите могат да бъдат определени в някакви единици са на разположение в CSS.

Стъпка 4 - инициализира карта

След API на Google Карти (стъпка 1) връзка, трябва да се обадите на инициализация функция карта е посочено по-долу.

И накрая, откъде да вземем географската дължина и ширина на?

2. Намерете желания обект карта

3. кликнете с десния бутон на мишката и изберете "Какво има тук?"

4. Прозорецът на картата ще се появи, които ще бъдат разписани географската ширина и дължина. Тези стойности и ние трябва да се използва с Google Maps API