Була справа, я писав статтю про створення просунутої контактної сторінки. Там була вставка карти, яка не тільки показує місце, але і може прокласти до нього маршрут. У момент написання, у мене з'явилася ідея написати модуль для простої вставки карт на сайт, ну і я його створив. Представляю вам модуль Mappy.
Mappy - по суті, просто невеликий JS файл, який завантажує всі необхідні бібліотеки карт на сторінках, де власне і потрібно карта. При цьому він дозволяє вставляти картки на сайти засобами звичайного HTML і атрибутів до нього. Що в свою чергу полегшує процес вставки карт на сайт для недосвідчених користувачів.
Встановлення картки здійснюється за допомогою html-тега
Де замість сервісу ми підставляємо назвою карт, google або yandex, а замість атрибутів, параметри для карти.
Я постарався зробити параметри (атрибути) максимально універсальними між картами. Це необхідно, якщо ви налаштували карту для гугла, але потім вирішили змінити на яндекс, треба буде всього лише змінити назву сервісу. Але все ж, варто звертати увагу при великій кількості параметрів, так як наприклад зум у яндекса приймає координати, а у гугла логічне значення.
Кожен із сервісів має 4 обов'язкових параметра:
- address - місто, вулиця чи будинок де буде центрироваться карта;
- zoom - наскільки буде спочатку наближена або віддалена карта;
- width - ширина карти в px;
- height - висотка карти в px.
З усіма можливими атрибутами, призначенням та іншими інформативними довідками я пропоную звернутися до документації модуля на GitHub:
В принципі розповідати то і нема чого більше, тому наведу деякі приклади.
Для Яндекс карт зробив прокладку маршруту.
