Улітку 2018 року Google змінив умови використання своїх сервісів — і для багатьох сайтів звичайна карта на сторінці контактів перетворилася на щомісячний рахунок. Якщо у вас перестали працювати Google Maps, плата за них стала надто високою або потрібні можливості, яких сервіс не дає, є робочий варіант — Open Street Maps. Розповідаємо, чим він відрізняється і на яких проєктах ми його вже впровадили.
Чому це питання виникло під час розробки інтернет-магазинів
Улітку 2018 року компанія Google змінила умови використання своїми продуктами. Зокрема, тепер обов'язково потрібно прив'язати кредитну картку. Щомісяця Google дає безкоштовних $200, а витрати понад цю суму за використання сервісів списуються з картки.
Зазвичай карту вставляють на сайт інтерактивною, за допомогою JavaScript. У такому вигляді доступно 28 000 безкоштовних завантажень. З одного боку, це велике число і, на думку Google, достатнє для потреб малого та середнього бізнесу, щоб і далі користуватися картою безкоштовно.
Для великих сайтів усе не так однозначно. Щоб відвідувач міг знайти всю контактну інформацію вже на першій сторінці, багато хто почав розміщувати карту внизу головної. А це означає: якщо у вас на сайті більше ніж 1000 відвідувачів на день, цього ліміту на місяць не вистачить. Далі доведеться платити по $7 за кожну наступну тисячу завантажень карти. І це ще без урахування того, що частина користувачів, окрім головної, перейде на сторінку контактів і кілька разів перемкне карту, щоб отримати дані саме по своєму місту.
Які взагалі є варіанти заміни
Кілька років тому другим великим картографічним сервісом для нашого регіону були Яндекс Карти. У 2017 році Яндекс і низку інших російських сервісів заборонили на території України, а в березні 2019 року цю заборону продовжили ще на три роки.
Інші картографічні сервіси ще менш відомі нашим користувачам і розробникам. Із них цікаво вирізняється Open Street Maps.
Що таке Open Street Maps
Це open source проєкт, який своєю ідеологією дуже схожий на Wikipedia. Сервіс існує коштом благодійних пожертв і громадських організацій. Ключова особливість — зміни на карту може вносити рядовий користувач.
Переваги Open Street Maps:
- безкоштовне використання;
- більше розмаїття об'єктів та їхніх типів — за рахунок цього карта детальніша;
- можливість самому додати будь-який потрібний об'єкт.
Lavina mall: одне місце на двох картах


Великий плюс OSM — окрім просто контуру ТРЦ, позначено входи, проходи й точніше розташування об'єктів.
Розгляньмо переваги Open Street Maps на кількох прикладах, уже реалізованих на українських сайтах.
Приклад на інформаційному порталі з нерухомості ЛУН
Тут використовують сервіс MapBox, що ґрунтується на OSM. Портал містить інформацію про новобудови, і його фішка — карта, на якій вони позначені.

Завдяки тому, що будь-який користувач може редагувати карту, забудовник або редактор ЛУНа може зайти в OSM і максимально точно додати свій об'єкт. А завдяки можливості вказати висоту чи поверховість будівлі карта набуває 3D-вигляду.
Приклад для ритейлу — Сільпо
- в Open Street Maps інакше реалізовано рендеринг: при наближенні карта наближається, а не перемальовується повністю, як у Google Maps;
- групування маркерів точніше, до того ж можна задати їхню анімацію.
Що саме відрізняється — коротко
| Критерій | Google Maps | Open Street Maps |
|---|---|---|
| Оплата | $200 безкоштовно на місяць, далі — $7 за кожну наступну тисячу завантажень | безкоштовне використання |
| Безкоштовний ліміт інтерактивної карти | 28 000 завантажень на місяць | без плати за завантаження |
| Редагування об'єктів | рядовому користувачеві недоступне | зміни може вносити будь-який користувач |
| Деталізація ТРЦ | контур будівлі | контур, входи, проходи, точніше розташування об'єктів |
| Наближення | карта перемальовується повністю | карта наближається |
| Групування маркерів | менш точне | точніше, можна задати анімацію |
Як ми реалізували це у своїх проєктах
Офіційний онлайн-магазин ювелірних прикрас PANDORA. У сайту велика відвідуваність, карта розміщена на багатьох сторінках, зокрема й на головній. Використання Google Maps обходилося б від $500 на місяць.
Окремою перевагою Open Street Maps стала можливість самостійно й точно вказати розташування офлайн-магазинів у великих торгових центрах (наприклад, Lavina, Dream Town). Так покупець не витрачає час на пошуки, а конкуренти не встигають переманити його до себе.
Кому Open Street Maps можуть бути особливо корисні
Сайтам із високою відвідуваністю
Саме тут безкоштовний ліміт Google вичерпується найшвидше, а перехід на OSM економить сотні доларів на місяць.
Сервісам, де карта — ключовий елемент
Нерухомість, геодезія, буріння свердловин, довідники об'єктів — усе, де карта є однією з головних або навіть кілер-фіч.
Службам, яким потрібні найсвіжіші дані
Служби таксі, екстрені служби, туризм — там, де важлива максимально свіжа картографічна інформація й можливість самим внести до неї зміни.
Прихильникам нових технологій
Тим, хто любить нові технології та рішення з відкритим кодом і готовий пробувати їх у бойових проєктах.
Підсумок
Open Street Maps — не універсальна заміна на всі випадки, але для великих сайтів це прозора математика: витрати на впровадження окуповуються за перший же місяць, а карта стає детальнішою там, де це справді потрібно покупцеві — усередині торгового центру, біля входу, поруч із потрібним під'їздом.
Якщо на вашому сайті перестала працювати Google Maps або потрібне особливе рішення — напишіть нам, і ми з цим розберемося.
