¶ Google Cloud Platform
Для використання Google Maps необхідно мати обліковий запис у GC (Google Cloud),
для цього переходимо за посиланням і авторизуємося.
Google щомісяця безкоштовно виділяє 200$ для оплати послуг Google Maps.
Зазвичай цього достатньо для безкоштовного використання карток на сайті.
При перевищенні безкоштовного ліміту, будуть списані гроші з прив'язаної картки.
Докладніше можна почитати тут
¶ Створення нового проекту
Цей пункт не обов'язковий, але зробить зручнішим керування.
- Перейти на посилання
- Натисніть Create Project і введіть зрозумілу вам назву (наприклад назву сайту), решту можна залишити без змін.
¶ Створення платіжного облікового запису
Для того, щоб мати можливість створити інтеграцію з Google Maps, необхідно створити платіжний обліковий запис для проекту.
1. Обираємо проект
2. Заходимо в меню та вибираємо Billing
3. Натискаємо прив'язати платіжний обліковий запис (Link a billing account)
4. Переходимо до створення платіжного облікового запису (Create billing account)
5. Вибираємо країну та погоджуємося з умовами.
6. Заповнюємо назву Компанії, адресу.
7. Вибираємо платіжний метод. Заповнюємо дані картки. Ставимо галочку та натискаємо Start my free trial
¶ Створення API.
- Заходимо в меню та вибираємо APIs & Service - Library
2. Вибираємо "Показати все"
3. Далі нам потрібно підключити такі API:
- Maps JavaScript API та Places API - для сайтів та соціальних додатків
- Maps SDK for iOS та Maps SDK for Android - для додатків.
4. Вибираємо по одному і здійснюємо аналогічні кроки для всіх API:
- Вибрати API
- Натиснути Enable
- Повернутися до бібліотеки для вибору наступного API
5. Коли вибрано необхідні API, переходимо APIs & Service – Credentials. Задамо параметри для API.
¶ Налаштування API для сайту та соціальних додатків
6. Натискаємо Create credentials
7. Вибираємо API key
8. Задамо обмеження для ключа
9. Задаємо назву ключа. Задаємо обмеження "HTTP referrers (web sites)
10. Натискаємо Addan item
11. Вводимо назву сайту.
УВАГА! Необхідно додати сайт наступного виду: *.example.com/* та example.com/*
УВАГА! Для роботи картки в соціальному додатку вконтакті, необхідно додати social.foodsoul.pro/*
12. Вибираємо Restrict key та натискаємо Select APIs
13. Ставимо галочки Maps JavaScript API та Places API. Натискаємо OK та Зберегти.
¶ Налаштування API для додатків
Повторюємо кроки 6-8 як для сайту.
14. Задаємо ім'я та вибираємо None у розділі Application restrictions
15 . Вибираємо Restrict key та натискаємо Select APIs
16 . Ставимо галочки навпроти Maps SDK for Android і Maps SDK for iOS. Натискаємо OK та Зберегти.
¶ Додавання ключів
17 . Тепер ключі з'явилися в розділі API & Service - Credentials
18 . Копіюємо ключі
19 . Переходимо до особистого кабінету FoodSoul у меню "Інтеграції" - "карти". Ставимо галочку Google. Додаємо ключі у відповідні поля.
Готово!