Как да вмъкнете карта Yandex на сайта? Инструкции как да поставите картата Yandex на сайта

Нека разгледаме как да вмъкнете карта Yandex в сайта, първо да го създадете в дизайнера. Процесът на вмъкване може да бъде невероятно лесен или да има сложност в зависимост от мащаба на вашия проект.

Как да вмъкнете карта Yandex на сайта: изборът е очевиден

Ако създадете сайт за визитки, блог или непълен онлайн магазин, тогава ще го направите достатъчно основни възможности на съществуващия дизайнер. В този случай, поставете карта Yandex в сайта поради специален код ще бъде в състояние на потребителя, който няма специални познания. Ако се доближите до въпроса с пълна изчерпателност, правилният дизайн на плана за пътуване или изчисляването на цената на доставката на определеното от потребителя местоназначение може значително да подобри функционалността на сайта и да направи посетителя нов купувач.

В противен случай, ако трябва да излезете извън границите на дизайнера, не просто поставете картата Yandex на сайта, но създайте нещо велико и уникално. В този случай ще ви е необходим опитен програмист, който е запознат с работата на jаvascript.

Скрити функции

Yandex.Mark API ви позволява да наслагвате слой с задръствания на вашия собствен сайт, но да се приложи такава идея за способностите на дизайнера не е достатъчна. В допълнение към запазването на картите, които сте създали, дизайнерът на приложния програмен интерфейс (API) вече не изисква получаване на ключ за вашия собствен сайт, но някои разширения на CMS могат да поискат тези ключове.

Можете да получите такъв инструмент в специална секция на сайта, като въведете адреса на вашия ресурс. Обаче нека се върнем към въпроса как да вмъкваме карта Yandex в сайта и дизайнера. Всичко необходимо е тук.

Организация на дизайнера

Инструментите, които можете да използвате, за да поставите маркери на картата, са в горния панел и се състоят от 4 бутона. Първото прави възможно поставянето на етикет под формата на голяма запетая, той може да бъде оцветен с различни цветове, можете да дадете описание и да зададете номер. Етикетът се задава чрез активиране на този бутон, както и чрез кликване върху желаната област в диаграмата.

Обозначението винаги може да се премества, като държите левия бутон на мишката или изтриете. Преди да поставите карта Yandex, се възползвайте от възможностите на други инструменти. Допълнително внимание заслужава възможността за "чертежи". Това е полезно за показване на пътя към офиса на фирмата ви от метростанцията или спиране на транспорта.

Изчертайте многоъгълник

Конструкторът включва друг важен инструмент, който получи името "Рисуване

многоъгълник ". Необходимо е да маркирате обектите или сградите, които искате да отбележите в пътната карта с фонова засенчване, те също ще се ръководят от описаните по-горе маршрути.

Трябва да активирате инструмента и систематично да обозначите целия обект в ъглите, след това да кликнете върху възела и накрая да изберете функцията "Завършване". В резултат на това се появява формуляр и можете да зададете дебелината на линията на удара, прозрачността на запълването, цвета и въведете описание.

Последният бутон, поставен върху лента с инструменти ви позволява да правите активни маркери в долния десен ъгъл на схемата, за да промените размера му. Освен това имате избор на начин за показване от 4 варианта: фолк, сателит, хибрид, схематичен - формата на въвеждане на точното място, което трябва да се създаде схема - инструмент за мащабиране.

За карти и кодове

След като всичко това е направено, ще трябва да дадете схемата на име, както и бутон, който предлага запазване и получаване на кода. Има код за вмъкване на карти в сайт от два вида. Първият вариант е интерактивна карта.

Такъв код се въвежда като скрипт, може да причини трудности за начинаещи, но посетителите на сайта ви могат да избират опцията за показване, да навигират в картата, да увеличат. Картата може да бъде перфектно съобразена с размера на вашата страница, като промените съответните цифри в края на кода.

Втората опция, статична карта, е обичайната команда за вмъкване на картина в даден сайт. Когато го инсталирате, няма да има проблеми, но схемата ще бъде обикновена картина, която не може да се мащабира и премества.

В Wordpress можете директно да вмъкнете кода на картата, ако използвате HTML редактор докато пишеш и редактираш публикации. На страницата за редактиране на статиите кликнете върху функцията "Настройки на екрана", която се намира в горния десен ъгъл, поставете отметка в квадратчето "Персонализирани полета". След това в статията ще има подобна област, в която трябва да кликнете върху "Въведете ново" и да посочите краткия код (без интервали, Latin) в лявата част на формуляра. В дясната секция трябва да въведете получения код в дизайнера на Yandex карта.

След това отворете функционалния файл, наречен "functions.php". Добавете специален код, преди да сте създали резервно копие на сайта. След посочените действия в статичната страница или статията ще бъде възможно да добавите кода, получен от дизайнера на карти Yandex.

Ако трябва да инсталирате картата директно в скелета на блога, можете да вмъкнете скрипта директно, но трябва да изберете шаблона за теми на WordPress, използван за създаването на картата на мястото, от което се нуждаете.

Характеристики на работата с Joomla

За да Joomla да вмъкнете карта Yandex, има няколко опции. решавам
Задачата може да бъде направена с помощта на компонента и plug-in "Yandexmap", специални "карти Yandex" за Joomla, както и решения на "Zh YandexMap". За да вмъкнете Yandex карти, можете да използвате модула на произволен код Html, Трябва обаче първо да деактивирате традиционния визуален редактор.

След като въведете кода, можете да го включите отново. За да добавите карта местоположение в публикацията, вие също трябва да въведете кода с прекъснат визуален редактор или поставете съдържанието на устройството отговаря на произволен код с добавка, наречена «Load Module». Модулът, който включва кода на картата на Yandex, трябва да бъде поставен в несъществуваща шаблонна позиция. Сега знаете отговора на въпроса как да вмъкнете картата Yandex в сайта, всичко се оказа доста просто. Надяваме се, че нашите съвети ще ви помогнат да разработите сайта си.