Як вставити карту на сайт?

Кожен з нас напевно коли-небудь підказував дорогу і питав її сам. Міста стають все більше, і кількість компаній в них також зростає. Для того щоб офіс вашої компанії з легкістю могли знайти в місті, дуже корисно розмістити на сайті карту із зазначенням місця розташування будівлі офісу.

Як вставити на сайт статичну карту

Статична карта являє собою зображення (план-схема району), на якому потрібну будівлю виділено або відзначено. Масштаб такої карти не можна змінити, а також немає можливості переглянути інший район міста. Такі карти зручно використовувати, якщо офіс знаходиться на віддалі від інших будівель або на території великого технопарку.

Для вставки такої карти досить зробити знімок карти, нанести необхідні позначки і лінії маршруту (якщо необхідно) і після цього вставити в код HTML за допомогою тега «img scr» або іншого, використовуваного в коді вашого сайту.

Як додати на сайт динамічну карту

Динамічна карта, на відміну від статичної, використовується значно частіше і дає можливість користувачеві набагато простіше і зручніше знаходити потрібну будівлю і офіс. Для того щоб встановити на свій сайт динамічну карту, її необхідно створити за допомогою спеціальних сервісів Google або Яндекс. Обидва сервіси мають схожий функціонал і практично не відрізняються алгоритмами створення карт.

Опишемо процес створення динамічної карти і подальшого її додавання на сайт на прикладі сервісу API Яндекс. Карт.

Для початку роботи з сервісом необхідно увійти в свій обліковий запис на Яндексі або зареєструватися, якщо облікового запису у вас немає. Після того, як вхід буде здійснено, потрібно перейти на сторінку api.yandex.ru і натиснути кнопку «Створити нову карту».

Далі потрібно знайти потрібну будівлю і за допомогою інструменту «Установка точок» відзначити його. За бажанням будівлю на карті можна виділити і за допомогою ліній або багатокутника, вибравши відповідні інструменти. Також сервіс дає можливість намалювати маршрут прямування до будівлі за допомогою кнопки «Малювання ліній».

Якщо вас не влаштовує розмір вікна карти, то його можна змінити. Потрібно натиснути на кнопку «Зміна розмірів карти». Після цього з'являться бігунки, за допомогою яких можна змінити розмір карти в більшу або меншу сторону.

Після того, як всі налаштування карти будуть завершені, потрібно ввести назву карти у відповідну форму і натиснути «Зберегти і отримати код». У формі під цією кнопкою згенерує код, який потрібно буде скопіювати і вставити в потрібне вам місце в коді сайту.

Для того щоб створити ще одну карту, потрібно знову зайти по вищенаведеної посиланням і просто повторити весь процес. Будь-яке редагування виробляється там же після натискання на кнопку «Редагувати». Після редагування HTML-код картки на сайті потрібно оновити.

Якщо ж порівнювати два сервісу між собою, то, звичайно ж, вставити картку від Яндекс дещо простіше. Це пов'язано з тим, що інтерфейс Google Maps декілька незвичний, і знайти в ньому щось швидко і просто не вийде, хоча сам процес дуже схожий на процес створення карти силами API Яндекс. Загалом, все залежить від того, до якого сервісу ви більше звикли.