Підключення яндекс.карт до сайту

Відео: UralCMS: підключення Яндекс.Карти на сайт

Підключення Яндекс.Карт до сайту

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

Відразу дам посилання на API: Http://api.yandex.ru/maps/. Якщо є навички поводження з API, то проблем з розумінням там не виникне. Так само в своєму курсі Створення Інтернет-магазину на PHP і MySQL я так само використовував цей API для виведення карти.

Відео: Як вставити яндекс карту на сайт Wordpress




У цій статті ми розберемо найпростіший приклад виведення Яндекс.Карт. Для початку напишемо відповідний HTML-код:

id="Map"style="width:400px- height:300px"gt;


Коментувати тут особливо нічого, все дуже просто: звичайний блок з унікальним ідентифікатором, який нам буде потрібно пізніше, а так само з заданими параметрами ширини і висоти.

тепер код jаvascript:


Тепер при відкритті сторінки з`явиться карта. можливостей у Яндекс.Карт дуже багато: можна ставити маркери, малювати маршрути, виводити різну інформацію (наприклад, ті ж пробки) і багато іншого. Як все це підключається, написано в API.

Поділися в соціальних мережах:

Схожі
Яндекс може стати пошуковою системою за умовчанням в російській редакції windows 10Яндекс може стати пошуковою системою за умовчанням в російській редакції windows 10
Яндекс.погодаЯндекс.погода
Яндекс.браузер припиняє підтримку windows xp і vistaЯндекс.браузер припиняє підтримку windows xp і vista
Яндекс електричкиЯндекс електрички
Яндекс.музика: прощай, winampЯндекс.музика: прощай, winamp
Яндекс.пошті - поштовий клієнт для os androidЯндекс.пошті - поштовий клієнт для os android
Включаємо flash player в яндекс.браузерВключаємо flash player в яндекс.браузер
Вийшла нова версія яндекс.браузер з технологією активного захисту protectВийшла нова версія яндекс.браузер з технологією активного захисту protect
Позиціонування відвідувача на jаvascriptПозиціонування відвідувача на jаvascript
RmapsRmaps
» » Підключення яндекс.карт до сайту