Як ўставіць Яндэкс карту на сайт? Інструкцыя, як размясціць карту Яндэкса на сайце

Давайце разгледзім, як ўставіць Яндэкс карту на сайт, папярэдне стварыўшы яе ў канструктару. Працэс ўстаўкі можа быць неверагодна лёгкім, альбо ж несці некаторыя складанасці, у залежнасці ад маштабаў вашага праекта.

Як ўставіць Яндэкс карту на сайт: выбар відавочны

Калі вы ствараеце сайт-візітоўку, блог або нескладаны інтэрнэт крама, то вам будзе дастаткова базавых магчымасцяў наяўнага канструктара. У такім выпадку ўставіць Яндэкс карту на сайт дзякуючы адмысловаму коду зможа карыстальнік, які не мае спецыяльных ведаў. Калі падысці да справы з усёй грунтоўнасцю, правільнае складанне схемы праезду, альбо разлік цэны дастаўкі па паказаным карыстальнікам месца прызначэння можа значна палепшыць функцыянальнасць сайта і зрабіць наведвальніка новым пакупніком.

Інакш справа ідзе, калі вам неабходна выйсці за мяжы канструктара, не проста размясціць карту Яндэкса на сайце, а стварыць нешта грандыёзнае і непаўторнае. У такім выпадку вам спатрэбіцца дасведчаны праграміст, які знаёмы з працай ДжаваСкриптов.

Схаваная магчымасці

API Яндэкс.Карт дазваляе накласці пласт з указаннем затораў на ўласным сайце, аднак для рэалізацыі падобнай задумкі магчымасцяў канструктара не хопіць. Акрамя захавання створаных вамі карт, у API канструктару з гэтага часу не патрабуецца атрыманне ключа для ўласнага сайта, аднак некаторыя пашырэння CMS могуць гэтыя ключы папрасіць.

Атрымаць такі інструмент можна ў спецыяльным раздзеле сайта, увёўшы адрас вашага рэсурсу. Аднак вернемся да пытання аб тым, як ўставіць Яндэкс карту на сайт і да канструктару. Усё патрэбнае тут ёсць.

арганізацыя канструктара

Інструменты, з дапамогай якіх можна вырабіць пазнакі на карту, знаходзяцца на верхняй панэлі, пры гэтым яны складаюцца з 4 кнопак. Першая дае магчымасць паставіць пазнаку ў форме вялікай коскі, яе можна размаляваць рознымі кветкамі, даць апісанне, а таксама прысвоіць нумар. Пазнака ставіцца праз актывацыю дадзенай кнопкі, а таксама клік па патрэбнай вобласці на схеме.

Абазначэнне заўсёды можна пасунуць, утрымаўшы левую кнопку мышкі, або выдаліць. Перш чым ўставіць карту Яндэкс, скарыстайцеся магчымасцямі і іншых інструментаў. Далей ўвага павінна быць магчымым «маляванне ліній». Яна спатрэбіцца для паказу шляху да офіса вашай кампаніі ад станцыі метро альбо прыпынку транспарту.

намалюйце шматкутнік

Канструктар ўключае яшчэ адзін важны інструмент, які атрымаў імя «Маляванне

шматкутніка ». Неабходны ён, каб падсвятліць пры дапамозе фонавай залівання тыя аб'екты або будынка, якія вы жадаеце пазначыць на схеме праезду, да іх таксама будуць весці маршруты, апісаныя вышэй.

Неабходна актываваць інструмент і планамерна пазначыць ўвесь аб'ект па кутах, далей клікнуць па вузлавой кропцы, нарэшце, выбраць функцыю «Завяршыць». У выніку з'явіцца форма, і ў ёй можна будзе задаць таўшчыню для лініі абводкі, празрыстасць залівання, колер, а таксама ўвесці апісанне.

Апошняя кнопка, змешчаная на панэль інструментаў, дазваляе зрабіць актыўнымі маркеры ў ніжнім правым куце схемы, каб змяняць яе памер. Акрамя таго, да вашых паслуг выбар спосабу адлюстравання з 4 варыянтаў: народная, спадарожнік, гібрыд, схема; форма ўводу дакладнага месца, якое мае патрэбу ў стварэнні схемы; інструмент для змены маштабу.

Аб картах і кодах

Пасля таго, як будзе выканана ўсё вышэйапісанае, вам застанецца падарыць схеме назву, а таксама націснуць кнопку, якая прапануе захаванне і атрыманне кода. Прадугледжаны код для ўстаўкі карт на сайт двух відаў. Першы варыянт - інтэрактыўная карта.

Такі код ўстаўляецца ў якасці выкліку скрыпту, гэта можа выклікаць цяжкасці ў пачаткоўцаў, затое наведвальнікі вашага сайта змогуць выбіраць варыянт адлюстравання, перамяшчацца па карце, мяняць маштаб. Карту можна ідэальна падбудаваць пад памер вашай старонкі, памяняўшы адпаведныя лічбы ў канцы кода.

Другі варыянт, статычная карта, ўяўляе сабой звычайную каманду ўстаўкі малюначка ў сайт. Пры яго ўсталёўцы не ўзнікне ніякіх праблем, аднак схемай будзе выступаць звычайная фатаграфія, якую нельга маштабаваць і рухаць.

У «Вордпресс» ўставіць код карты можна напрамую, калі вамі выкарыстоўваецца Html рэдактар падчас напісання і рэдагавання публікацый. На старонцы рэдагавання артыкула націсніце на функцыю «Настройкі экрана», якая размешчана ў верхнім правым куце, пастаўце галачку ў пункце «Адвольныя поля». Пасля гэтага, пад артыкулам паўстане аднайменная вобласць, дзе трэба націснуць на пункт «Увядзіце новае» і паказаць ідэнтыфікатар для кароткага кода (без прабелаў, лацінкай) у левай частцы формы. У правым участку трэба ўставіць код, які быў атрыманы ў канструктару Яндэкс-карт.

Далей адкрыйце функцыянальны файл пад назвай «functions.php». Дадайце асаблівы код, папярэдне стварыўшы рэзервовую копію сайта. Пасля названых дзеянняў у статычную старонку або артыкул можна будзе дадаць код, атрыманы ад канструктара Яндэкс карт.

Калі неабходна ўсталяваць схему праезду непасрэдна ў каркасе блога, скрыпт можна ўставіць наўпрост, аднак трэба выбраць які выкарыстоўваецца шаблон тэмы «Вордпресс», каб карта выдавалася ў неабходным вам месцы.

Асаблівасці працы з Joomla

Каб у Joomla ўставіць Яндэкс карту, прадугледжана некалькі варыянтаў. вырашыць
пастаўленую задачу можна пры дапамозе кампанента і ўбудовы «Yandexmap», асаблівых «Яндэкс карт» для Joomla, а таксама рашэнні «Zh YandexMap». Для таго каб ўставіць карты Яндэкса, можна выкарыстоўваць модуль адвольнага кода Html, аднак папярэдне неабходна адключыць традыцыйны візуальны рэдактар.

Яго можна зноў ўключыць, пасля таго як код будзе ўстаўлены. Каб дадаць схему праезду ў публікацыю, трэба таксама ўставіць код пры адключаным візуальным рэдактары альбо ўставіць змесціва з модуля, які адказвае за адвольны код, з дапамогай плагіна пад назвай «Load Module». Модуль, які ўключае ў сябе код карты Яндэкса, трэба змясціць у неіснуючай пазіцыі шаблону. Цяпер вы ведаеце адказ на пытанне, як ўставіць Яндэкс карту на сайт, усё апынулася вельмі нескладана. Спадзяемся, нашы парады дапамогуць вам развіць свой сайт.