Яндекс карты для Joomla 3. Яндекс карта для вставки на сайт


Яндекс карты для Joomla 3

яндекс карты для joomla 3

Как вставить Яндекс карты в Joomla 3, рассмотрим пару вариантов.

Яндекс карты предлагают нам два варианта использования:

В каком случае использовать эти варианты.

Конструктор можно использовать если вам нужна обычная карта с простой меткой. Это почти 80% случаев. Например, чтобы обозначить офис или магазин на карте города.

яндекс карты компонент для joomla 3

Если для метки нужно описание, ссылка на сайт или что-то ещё, то без API не обойтись.Выглядит это примерно так (плюс индивидуальный вид метки на карте):

карта яндекса с меткой для Joomla

Рассмотрим по-подробнее каждый из вариантов и при помощи каких расширений это можно реализовать.

Вариант 1. Вывод карты через конструктор.

Если нужна простая карта, то идём в конструктор и создаём новую карту.Указываем её название и описание.

создание карты joomla

Выбираем на карте нужный участок и ставим метку, для неё можно указать небольшое описание, выбрать цвет и иконку.Также можно нарисовать линии, многоугольники, выбрать нужный слой: схема, карта или гибрид.

Далее жмём "Сохранить и продолжить".

После чего нужно указать размер окна карты, либо растянуть её по ширине. Например для лендинга.Выбрать тип карты. Чаще всего используется интерактивная, которую можно двигать. Она удобнее.

И в конце получаем код для вставки на свой сайт.

Вставить карту можно как в статью, так и в модуль.Обратите внимание, что код карты содержит яваскрипт код, который обрезается редактором Joomla.Поэтому для вставки можно использовать наш модуль JT Code или плагин Sourcerer

Вот собственно и всё.

 

Вариант 2. Вывод карты при помощи API

Один из мощных компонентов - это Zh Yandex Map, он бесплатный и использует последнюю версию API 2.0 или 2.1 (на выбор).

У компонента очень много возможностей, поэтому мы рассмотрим только базовые, которые используются чаще всего.А именно вывод карты с меткой и расширенным описанием.

Плюс компонента в том что с ним в комплекте идёт плагин, который позволяет вставлять карту в материал при помощи специального тега. Поэтому если у вас на сайте будет много карт, то создавать для каждой карты свой отдельный модуль не нужно.

Итак, компонент установили, можно зайти в его настройки и выбрать версию API, а также протокол по которому он будет работать: http или https. Остальные настройки можно оставить по-умолчанию.

компонент joomla для яндекс карт

Далее переходим в раздел "Карты" и создаём новую карту.

В настройках указываем:

  • название карты
  • вывести наименование - ставим нет (если будете выводить метку на карту)
  • ширина и высота карты в пикселях
  • широта и долгота для центра карты (их можно скопировать кликнув мышкой на обычной карте)создание карты яндекса в joomla 3
  • масштаб, его можно изменить потом и сделать больше или меньше.
  • тип карты - можно бывать любой тип, который доступен через API

Настроек ещё полно, но для обычной карты на этом можно закончить и перейти к созданию метки.

Для создания метки переходим в раздел Метки.

Здесь указываем:

  • наименование
  • дополнительный HTML текст, вот здесь можно вставлять что угодно: текст, ссылки, изображения и т.д.
  • широта и долгота метки, тоже можно взять на обычной карте, и в случае чего потом подредактировать.
  • наименование карты, тут выбираем созданную нами карту на предыдущем шаге.
  • группу меток или категорию метки, если вы их создавали.

На вкладке "Атрибуты представления" можно настроить вид метки.

Сделать отступы, изменить иконку и т.д.Чтобы использовать стандартные иконки Яндекса, выбираем для метки - предопределённая иконка.И ниже в поле "Предопределённая стандартная иконка" вставляем её название. Его можно взять кликнув по кнопке "Список стандартных иконок". Из названия иконки нужно убрать кавычки.

компонент карт для Joomla

 

На этом можно закончить создание метки для карты и вывести карту на сайте.Потом вы можете изменять настройки карт и меток так как вам будет нужно.

Вставка яндекс карты в материал Joomla.

В нужной статье (или модуле) достаточно вставить специальный тег {zhyandexmap:11}Где 11 - это ID вашей созданной карты.

Прим: заметил что при вставке e-mail адреса в HTML-описание метки карта работает некорректно. Это на всякий случай.

Также можно создавать несколько меток на одной карте и объединять их в категории или группы. Можно создавать маршруты, пути и разные типы карт. Настроек у компонента очень много, чтобы разобраться с ними, нужно понять возможности API Яндекс карт. Они очень большие.

Ну а для обычной карты достаточно того что здесь написано.Документацию к этому компоненту можете посмотреть на сайте разработчика >>Там же можно найти компонент для карт Google и Baidu.

Спасибо за внимание) Удачной разработки!

С уважением, Олег Касьянов

Сохраните эту информацию к себе, чтобы не потерять:

И подписывайтесь на наш онлайн-журнал.С уважением, Олег Касьянов.

joomlatown.net

Поделиться ссылкой - Яндекс.Карты. Помощь

В открывшейся форме скопируйте код для вставки на сайт, чтобы использовать на своем сайте карту и найденный объект или построенный маршрут.

Нажмите кнопку Предпросмотр, и в открывшемся окне вы сможете увидеть, как именно будет выглядеть карта на сайте:

Чтобы карта на вашем сайте была локализована (топонимы, элементы управления и единицы измерения отображались на нужном языке) ─ модифицируйте код для вставки на сайт.

Добавьте в скопированный код параметр lang. Он определит язык и локаль (регион) интерфейса карты, которая будет отображаться на сайте. Значение параметра задается указанием кода языка в формате ISO 639-1 (например, ru — русский, uk — украинский) и кода региона в формате ISO 3166-1 (например, RU — Россия, UA — Украина). Так запись lang="tr_TR" определит использование турецкого языка в Турции.

Например:

  • параметр не задан —

    <iframe src="https://api-maps.yandex.ru/frame/v1/-/CVh7YBYg?" frameborder="0"></iframe>

  • параметр задан (английский язык для России) —

    <iframe src="https://api-maps.yandex.ru/frame/v1/-/CVh7YBYg?lang=en_RU" frameborder="0"></iframe>

https://api-maps.yandex.ru/frame/v1/-/CVh7YBYg?lang=en_RU

Если параметр lang не задан, то регион и язык при просмотре карты будут определены в соответствии с настройками карты при получении кода.

Для России и Украины регион и язык при просмотре карты будут определены настройками паспорта пользователя. Например, если в паспорте пользователя указан русский язык, и из Киева он будет смотреть карту, созданную в регионах RU или UA, то он всегда увидит карту на русском языке, локализованную для Украины.

Если параметр lang задан, то регион будет определяться заданным значением, независимо от домена, на котором создана карта.

Поддерживаемые значения параметра:

  • ru_RU: русский, Россия;

  • en_US: английский, США;

  • en_RU: английский, Россия;

  • ru_UA: русский, Украина;

  • uk_UA: украинский, Украина;

  • tr_TR: турецкий, Турция.

yandex.ua

Как вставить яндекс карту на сайт

Карта яндекс на сайт

В данной статье рассмотрим как установить динамическую (интерактивную)  Яндекс карту для Вашего сайта.

Почти на каждом сайте организация оставляет свои контактные данные включая адрес, телефон, почтовый ящик, чтобы пользователь мог связаться с администрацией и найти их  при необходимости.

Позвонить,написать обычно не составляет труда для человека, а вот добраться до офиса где находится организация,порой бывает превращается в целое приключение. Так вот давайте рассмотрим как добавить Яндекс карту для сайта, чтобы посетитель при надобности сразу представил свой маршрут и смог найти без проблем.

Яндекс карта для сайта

Рекомендуется устанавливать динамическую(интерактивную) карту. Создание динамической карты гораздо удобней,так как она позволяет просмотреть ближайшие пути, остановки, дома и места по которым человек с легкостью сориентируется при поиске.

Установить ее довольно таки не сложно. Для этого необходимо зарегистрироваться на Яндексе, создав свою учетную запись, после этого перейти по следующей ссылке http://api.yandex.ru/maps/tools/constructor/ , залогиниться и начать создавать свою карту.

Настройки очень понятны и просты, также там предлагается помощь для создания. Обычно как это делается: вводится необходимый адрес, указывается требуемый объект на карте, делаете необходимые подписи, прокладываете маршруты при надобности, все это помогают сделать встроенные инструменты.

yandex_karta

 

Подписываете название карты и жмете кнопку «Сохранить и получить код». После этого копируете этот код на Ваш сайт,в необходимое для вас место.Получится в итоге примерно так:

Карта Красноярска

с вашего сайта.

get-do-ok.ru