Тази страница не може да зареди Google Карти правилно

5/5 - (5 гласа)

This page can’t load Google Maps correctly

Най-вероятнo сте попадали на карти, които изглежда не се визуализират коректно. Това може да бъде случаен сайт, а може дори да се е случило във вашия личен уебсайт. В тази статия ще покажем кратки упътвания, за да знаете как да разрешите проблема с това съобщение.

Примерна визуализация на проблема с некоректното зареждане на Google Карти

Google Cloud Platform

Google Cloud Platform е услуга на Google, която позволява да ползвате различни API-та и функционалности, поддържани от Google. За голяма част от продуктите вече е необходим API ключ и Картите са много добър пример за това.

За да ползвате Google карти – трябва да имате регистрация и API key от Google Cloud Platform. За щастие – това е сравнително лесно за изпълнение, но в определени ситуации – може да доведе до таксуване за ползването на картите. На кратко – ползването на Google Maps може да се таксува и вече не е безплатно.

Създаване на ключ за Google Maps

Най-напред трябва да имате регистрация в Google и да преминете няколко стъпки по активация на клауда.

Препоръчително е да се въведе метод за плащане още от самото начало, понеже в процеса на активация на услугите – той ще е задължителен. Нужно е да въвете кредитна или дебитна карта, която не е виртуална.

Въвеждане на метод за плащане в Google Cloud Platform

Добрата новина е, че към настоящия момент, Google предоставят 300 USD за ползване и тестване на функционалностите. Това на практика означава, че може да се възползвате от картите още доста време безплатно.

Google Cloud с активиран промо период.

Създаване на проект

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

Създаване на нов проект в Google Cloud Platform

След като проектът е създаден е нужно да активирате методи за плащане (който създадохме малко по-рано). Изберете новия проект, за да се активират в последствие новите API-та.

Създаден и избран проект

От бутона “Go to APIs overview” може да видите активираните функции на ниво проект. За да работят картите и да получите API ключ е нужно да бъде активиранo Maps JavaScript API.

Maps JavaScript API в действие

След като отворите страницата на Maps JavaScript API ще откриете бутона за включване/изключване, както и връзка към “Credentials”, от където да генерирате ключ.

Credentials за Maps JS API
Създаване на нов ключ

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

След това – ползвайте вашия ключ, като го добавите в зареждащия код на Google карти по следния начин:

Ползване на API ключа

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