Карты яндекс плагин wordpress – Плагин YaMaps для вставки Яндекс карт в WordPress – Юрий Баранов: блог, портфолио

Содержание

YaMaps for WordPress Plugin – WordPress plugin

YaMaps plugin is the simplest way to insert Yandex maps on your site. The plugin has a user-friendly interface. You can visually put placemarks on your Yandex map, move them with your mouse, change icons and much more.

For use with the new Gutenberg editor, you need add the classic editor block first!

For the map search to work correctly and find routes, you may need to set an API key (JavaScript API и HTTP Geocoder) on the plugin settings page.

Plugin Highlights:
  • You can add maps to pages without coding.
  • Or you can visually edit the shortcodes in the editor.
  • You can add any number of maps to one page.
  • You can add multiple markers to one card.
  • You can add markers with hyperlinks.
  • You can select the icon and it’s color of the marker in the colorpicker.
  • You can select type of map (Map, Satellite, Hybrid), map zoom, map controls in the visual editor.

Shortcodes Structure
  • yamap center – Map center coordinates
  • yamap height – Map height
  • yamap zoom – Map zoom (0 to 19)
  • yamap scrollzoom – Scrollwheel zoom lock (scrollzoom=”0″ for lock)
  • yamap mobiledrag – Map dragging can be disabled for mobile devices (mobiledrag=”0″ for lock)
  • yamap type – Map type (yandex#map, yandex#satellite, yandex#hybrid)
  • yamap controls – Map controls separated by a semicolon (typeSelector;zoomControl;searchControl;routeEditor;trafficControl;fullscreenControl;geolocationControl)
  • yamap container – ID of the existing block in the WP template. The map will be placed in the block with this ID. The new block in the content will not be created.

  • yaplacemark coord – Placemark coordinates

  • yaplacemark icon – Placemark icon (Yandex.Map icon type or url of your own image)
  • yaplacemark color – Marker color
  • yaplacemark name – Placemark hint or content
  • yaplacemark url – Linked URL or post with ID will be opened by click on the placemark

  • You can insert multiple placemark codes inside the maps’s shortcode.

Shortcode Example

[yamap center=”55.7532,37.6225″ height=”15rem” zoom=”12″ type=”yandex#map” controls=”typeSelector;zoomControl”][yaplacemark coord=”55.7532,37.6225″ icon=”islands#blueRailwayIcon” color=”#ff751f” name=”Placemark”][/yamap]

  1. Upload yamaps folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
Do I need a Yandex Map API key for using YaMaps?

No, You don’t need it. But if you have problems with limits (including due to other sites on the same IP) you can get the key (https://developer.tech.yandex.ru/services/) and enter it in the plugin settings.

How to choose the type and zoom of the map?

Just set type and zoom of the map in the visual editor window. On the site it will be displayed identically.

How to use the plugin with new Gutenberg editor?

You can add a block with a classic editor and add a map with it. Later, native support can be added if most users start to use Gutenberg.

How to insert a map into my template as PHP code?

Use the tag “echo do_shortcode(”)” with your map shortcode insde.

How to set an icon that is not in the drop-down list?

You can chose icon at https://tech.yandex.com/maps/doc/jsapi/2.1/ref/reference/option.presetStorage-docpage/ and set it manually to the “Icon” field. For example “islands#blueRailwayIcon”. Also you can insert the URL of your file in the field. For example, PNG-image with transparency.

Why a can’t change color of StretchyIcon?

This is the limitation of Yandex.Map API. You can select a stretchy icon of the desired color at https://tech.yandex.com/maps/doc/jsapi/2.1/ref/reference/option.presetStorage-docpage/ and set it manually.

Russian description

https://www.yhunter.ru/portfolio/dev/yamaps/

GitHub Project

https://github.com/yhunter-ru/yamaps

Да все отлично. Все хорошо. 5ка!!!

Прекрасный плагин и отличная замена гуглокартам!

Экономит кучу времени (по сравнению с конструктором карт яндекса). Очень удобные настройки. Для сайтов по недвижимости или туризму без карт не обойтись. Техподдержка вообще на высоте — получили оперативную помощь в тот же день. Ставлю 5 звезд!

Отличный плагин Яндекс карт без заморочек. Сильно помогает. Спасибо автору!

Скажите, сложно ли сделать не только метки, но и линии?

Отличный, удобный плагин. Пожалуй. буду использовать на большинстве сайтов. + Отдельная благодарность автору плагина! Помог разобраться с проблемой!

Read all 16 reviews

“YaMaps for WordPress Plugin” is open source software. The following people have contributed to this plugin.

Contributors
0.6.12
0.6.11
  • Fixed: Bugfix for WP 5.3.
0.6.10
0.6.9
0.6.8
  • New: In the settings page, you can set the Yandex Maps API key if there are problems with limits.
  • Fixed: Bugfix. Display maps in widgets and content same time could cause an error.
0.6.7
  • The button for opening a large yandex map can be switched in the plugin settings.
0.6.6
  • The button for opening a large yandex map was removed.
0.6.5
  • Fixed: Bugfix. Improved compatibility with other plugins.
0.6.4
  • Fixed: Bugfix. In rare cases, the problem of loading the API with custom fields.
0.6.3
  • Fixed: Bugfix. Fixed conflict with Yandex.Metrica
  • New: The plugin works in the Elementor editor.
0.6.2
0.6.1
0.6
  • New: Interaction possibility with the map from other plugins and themes. The possibility of expanding the functionality of the plugin. Contact the author if you need additional features on your website.
  • Code refactoring.
  • Fixed: Bugfix.
0.5.11
  • New: Map dragging can be disabled for mobile devices.
  • Fixed: Bugfix.
0.5.10
0.5.9
  • New: You can use your own icons. Place the link to the file in the icon field (url must contain “http”).
  • Fixed: Bugfix.
0.5.8
  • New: Restore defaults button on the settings page.
  • Fixed: Bugfix.
0.5.7
  • Fixed: Incorrect “111” control in the settings blocked the rendering of elements on new maps.
0.5.6
0.5.5
0.5.4
  • New: Links-helper for adding controls on the settings page.
  • New: Link to plugin page (It can be disabled in the plugin settings).
  • Fixed: Bugfix.
0.5.3
  • New: Plugin default options page.
  • Fixed: Bugfix.
0.5.2
0.5.1
  • New: Adding styles for classic editor block in Gutenberg editor.
0.5.0
  • New: Visual editing of existing maps.
  • New: Nice looking shortcodes template in the TinyMCE editor with edit button.
  • Code refactoring.
  • Fixed: Bugfix.
0.4.1
  • New: “Extra” Panel tab added
  • New: Instead of the URL, you can put a post ID.
  • New: You can place the map in an existing block in the WordPress template. If filled, the map block in the content will not be created.
0.4.0
  • New: Adding multiple placemarks in the visual editor
  • Change: “routeEditor” map control replaced with “routeButtonControl” for a better experience.
0.3.4
  • New: Added map support in WooСommerce product description.
0.3.3
0.3.2
0.3.1
0.3.0
  • Fixed: The way of localization of the plugin is changed. According to the WordPress documentation.
0.2.4
  • New: Added scrollwheel zoom lock
0.2.3
  • Fixed: Adding url tag from a visual editor
0.2.2
  • Fixed: Strip html tags inside shortcode
0.2.1
0.2
  • New: Added icon selection
  • New: Added hyperlinks feature for the icons
  • New: Added “Height” parameter for map
  • Fixed: Automatically move the marker to the coordinates of the search result
0.1

Oi Yandex.Maps для WordPress — OiPlug

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

Плагин работает без использования API ключа.

API загружается на страницу только если на ней выводится карта!

Использование без параметров

Вы можете использовать Яндекс.Карты с указанием метки через мета-поля. Для этого в контенте просто напишите шорткод: [showyamap], а затем добавьте мета-поля «latitude» и «longitude».

Использование с параметрами

[showyamap address="Moscow, Birulevskaya, 1"] — можно указать адрес метки и этого будет достаточно для вывода метки на карте.

[showyamap address="Moscow, Birulevskaya, 1/2"
coordinates="55.601950,37.664752"]
— также можно указать координаты, в этом случае не будет делаться дополнительный запрос на сервер Яндекса(это важно, если на Вашем сайте очень много различных меток — Яндекс имеет ограничения на количество запросов с одного сайта, при бесплатном использовании не более 25000) . Атрибут coordinates имеет больший приоритет и если он указан, то метка именно этой точки будет показана.

Метки

На карту можно добавлять несколько меток. Для этого используется специальный шорткод. Пример*:

[showyamap]

[placemark address=»Moscow, Birulevskaya, 1″]

[/showyamap]

При этом Вы все еще можете указывать адрес первой метки непосредственно в основном шорткоде. Пример*:

[ showyamap address=»Moscow, Birulevskaya, 1/2″ ]

[ placemark address=»Moscow, Birulevskaya, 1″ ]

[/ showyamap ]

Добавление тегов в балун

Чтобы добавить ссылку или любой другой тег, замените треугольные скобки(<>) на фигурные ({}). Пример*:

[ showyamap ]

[ placemark address=»Moscow, Birulevskaya, 1″ body=»It is {strong}very{/strong} special place!» ]

[/ showyamap ]

Добавление номера телефона в балун

Чтобы добавить кликабельный номер телефона, при клике по которому будет предложено набрать его, необходимо написать номер в виде ссылки с префиксом tel:. Пример*:

[ showyamap ]

[ placemark address=»Moscow, Birulevskaya, 1″ footer=»Call us: {a href=’tel:+79031234567′}+7 (903) 123-45-67{/a}» ]

[/ showyamap ]

Добавление изображения метки

Чтобы использовать свое изображение в качестве метки необходимо указать путь к изображению, размер по вертикали и горизонтали и сдвиг, если «ножка» метки не находится в левом верхнем углу изображения.

[ showyamap ]

[ placemark address=»Moscow, Birulevskaya, 1″ iconimage=»https://site.ru/image.png» iconsize=»(200,200)» iconoffset=»(-100,-200)»]

[/ showyamap ]

Параметры

[ showyamap

address — Place address

center — Coordinates of map center

header — Baloon header

body — Baloon body content

footer — Baloon footer content

hint — Text on hover placemark

coordinates — Place coordinates

height — Height of map

width — Width of map

zoom — Zoom of map

iconcontent — Icon content for stretch icons

placemark — Placemark type

]

[placemark

address — Place address

header — Baloon header

body — Baloon body content

footer — Baloon footer content

hint — Text on hover placemark

coordinates — Place coordinates

iconcontent — Icon content for stretch icons

placemark — Placemark type

]

Для добавления карты на страницу рекомендуется использовать специальную кнопку, расположенную над редактором:

showyamap

* — обратите внимание, что в указанных примерах после квадратной скобки [ и перед квадратной скобкой ] стоят пробелы, чтобы пример работал корректно эти пробелы необходимо удалить, как в шорткоде showyamap, так и в placemark.

Maps for WP — Плагин для WordPress

Удобный плагин для вставки Яндекса и Google карт с использованием шорткода.

Adds Yandex or Google Map with one point

[MapOnePoint id=»» type=»» lon=»» lat=»» zoom=»» h=»» img=»» thover=»» tclick=»»]

  • «id» (обязательно) — уникальный id
  • «type» (не обязательно) — слой карты (roadmap, satellite, hybrid, terrain)
  • «lon» (обязательно) — долгота центра карты
  • «lat» (обязательно) — широта центра карты
  • «mstyle» (not required) — style of maps (default, blackwhite, blackout, сolorinversion)
  • «h» (не обязательно) — Высота карты в пикселях
  • «img» (не обязательно) — URL картинки точек на карте
  • «thover» (не обязательно) — Текст при наведении на точку
  • «tclick» (не обязательно) — Текст при клике на точку

Пример:

[MapOnePoint type="hybrid" lon="55.75197479670444" lat="37.617726067459024" zoom="5" h="200" img="http://site.ru/1.png" thover="Text when pointing to a point" tclick="Text when clicking on a poin. Some text"]
Добавляет Яндекс или Гугл карту со несколькими точками

[MapManyPoints id=»» type=»» lat=»» lon=»» zoom=»» h=»» img=»» points=»»]

  • «id» (обязательно) — уникальный id
  • «type» (не обязательно) — слой карты (roadmap, satellite, hybrid, terrain)
  • «lon» (обязательно) — долгота центра карты
  • «lat» (обязательно) — широта центра карты
  • «mstyle» (not required) — style of maps (default, blackwhite, blackout, сolorinversion)
  • «h» (не обязательно) — Высота карты в пикселях
  • «img» (не обязательно) — URL картинки точек на карте
  • «points» — [широта точки 1],[долгота точки 1],[текст наведения на точку 1],[текст при клике на точку 1];[широта точки 2],[долгота точки 2],[[текст наведения на точку 2],[текст при клике на точку 2] и тд…

Пример:

[[MapManyPoints type="roadmap" lat="25" lon="30" zoom="2" h="250" points="25,-1,Text on hover this point, Text on click this point;-5,13,Text on hover this point, Text on click this point"]
  • screenshot-1.png

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

  1. Upload the entire yandex-maps-for-wp folder to the /wp-content/plugins/ directory.
  2. Активируйте плагин во вкладке «Плагины» админки WordPress
  3. Перейдите в настройки плагина
  4. Добавьте шорткод ([MapOnePoint] илиr [MapManyPoints]) на страницу
Возможно ли, чтобы одна страница содержала 2 шоткода [OneManyPoints]?

Да.Число шорткодов на странице не ограничено, при условии, что у каждого из них указан уникальный id .

Можно ли, чтобы одна страница содержала 2 шорткода [MapManyPoints]?

Да.

«Maps for WP» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
1.2.0
1.1.5
  • Исправлены ошибки
1.1.4
  • Исправлены ошибки
1.1.3
  • Исправлены ошибки
1.1.2
  • Исправлены ошибки
1.1.1
  • Исправлены ошибки
1.1.0

Важно: Версия 1.1. несовместима с предыдущими версиями! Не рекомендуется обновлять плагин из версии1.0.2!
* Исправлены ошибки.
* Исправлены настройки плагина.
* Полностью изменен код.
* Добавлена поддержка Гугл Карт!
* Изменена логика шорткода [MapManyPoints].

1.0.2
  • Исправлены настройки плагина.
1.0.1
  • Исправлена ошибка, при которой карты отображались в верхней части страницы.
1.0.0

Плагин карт WordPress: ТОП-10 самых популярных

Плагины карт Wordpress помогают в создании интересного контента на сайте, карты почти всегда привлекают внимание посетителей, а кроме того, на некоторых страницах они жизненно необходимы: страница контактов, маршруты, адреса доставки и под.

С помощью плагинов внедрить Гугл.Карты или Яндекс.Карты можно за пару кликов.

 Плагин карт WordPress: ТОП-10 самых популярных

Мы отобрали самые надежные плагины карт вордпресс, выбор велик. Выбирать пришлось из более 1000 плагинов такого рода для собственного пользования и для вас, дорогие читатели. Основной показатель — большое количество активных установок, никто не будет держать на сайте некачественный плагин, потому вам предстоит выбрать лучшее из лучших.

1. Плагин карт Simple Map

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

Количество активных установок 30,000+
Время последнего релиза, обновление 16.09.2016
Совместимость с версией WordPress 4.6.1
Скачать плагин⇒

2. Google Maps CP

Еще один популярный плагин карт в нашем рейтинге. Необычайно функциональный, настроек множество, виджет, стилевое оформление и т.д

Плагин позволяет вставить карту Google в самом лучшем виде.

  • Может работать с большими объемами точек или маркеров на картах Google
  • Использует карты Google, чтобы обнаружить дополнительные записи, связанные с этой должностью
  • Может определить физический адрес и координаты точки
  • Позволяет встроить карты Google на нескольких языках

 

Количество активных установок 20,000+
Время последнего релиза, обновление 4 недели назад
Совместимость с версией WordPress 4.6.1
Скачать плагин⇒

3.WordPress Google Maps Plugin Lite

Простой, легкий и в то же время довольно мощный инструмент для управления картами Google. .

  • Настройка начальной позиции и масштаб карты;
  • Настройка параметров управления и позиционирования;
  • Настройки цветовых стилей с помощью предустановленных цветовых схем или с помощью пользовательских настроек цвета;
  • Пометки, такие как маркеры, прямоугольники, круги, линии;
  • Маршруты;
  • Интеграция с сервисом Adsense, можно размещать рекламу на картах

Количество активных установок 30,000+
Время последнего релиза, обновление 14.09.2016
Совместимость с версией WordPress 4.6.1
Скачать плагин⇒
4. Pronamic Google Maps

Плагин  не требуется API-ключ.


Реклама


Шорткоды:

[googlemaps] [googlemaps static=true] [googlemaps static=true label=M] [googlemaps width=200 height=200] [googlemaps new_design=true]

Плагин не создает дополнительных таблиц в базе данных WordPress.

 

Количество активных установок 10,000+
Время последнего релиза, обновление Неделю назад
Совместимость с версией WordPress 4.3.6
Скачать плагин⇒

5. Comprehensive Google Map Plugin

Простой и интуитивно понятный плагин карт.

  • Более 250 удивительных пользовательских иконок маркеров.
  • Можно добавить текущее GPS местоположение пользователя на карте! Полезно для пользователей, которые хотят найти направление от своего текущего местоположения к маркерам карты.
  • Шорткод интегрируется в редакторе записи/страницы.
  • Виджет включен.
  • Совместим с jQuery
Количество активных установок 100,000+
Время последнего релиза, обновление Три месяца назад
Совместимость с версией WordPress 4.5.4
Скачать плагин⇒

6. MapPress Easy Google Maps

MapPress добавляет интерактивную карту на экране редактирования в WordPress. Когда редактируете пост или страницу, просто введите адреса карты.

Количество активных установок 100,000+
Время последнего релиза, обновление 2 месяца назад
Совместимость с версией WordPress 4.9
Скачать плагин⇒

7. Oi Yandex.Maps for WordPress

Этот плагин поможет внедрить карту на сайт с помощью сервиса Яндекс.Карты.

  • Использует API Яндекс.Карт, но работает без использования API ключа. API загружается на страницу только если на ней выводится карта!
  • Необходимо указать координаты или адреса каких либо мест и поместить карту с меткой на любую страницу сайта. Можно использовать визуальный редактор шорткода.
  • Используются шорткоды с параметрами.
  • Можно использовать произвольные поля latitude и longitude, соответственно. 
Количество активных установок 6,000+
Время последнего релиза, обновление 11 месяцев назад
Совместимость с версией WordPress 4.3.6
Скачать плагин⇒

8. Yandex Maps API

 

  • Можно вставить несколько Яндекс карт на одной странице
  • Несколько меток на одной карте
  • Заполнить несколько изображений на одной карте
  • Поставить несколько графических фигур на карту: точки, линии, круги, многоугольники и прямоугольники
  • Несколько маршрутов на одной карте
  • Можно показать координаты конкретного места, нажав на кнопку
  • Маршрут из выбранной точки на карте к месту указанного знака

 

Количество активных установок 1,000+
Время последнего релиза, обновление 10 месяцев назад
Совместимость с версией WordPress 4.3.6
Скачать плагин⇒

9. Maps for WP

Легко и просто внедряет Яндекс.Карты на ваш сайт. Несмотря на то, что число активных установок невелико, мы включили плагин в обзор, т.к для Яндекс.Карт перечень не слишком велик. А плагин достойный. 

Количество активных установок 100+
Время последнего релиза, обновление 6 месяцев назад
Совместимость с версией WordPress 4.4.5
Скачать плагин⇒

10. WP Google Maps

Это мега популярный плагин карт, более 300 тыс активных установок. Свежайшая версия.

Добавить настраиваемые карты Google можно быстро и легко с помощью прилагаемого шорткода. Идеален для  страницы контактов, маршрутов, карты, показывающие районы доставки и т.д

В бесплатной версии:

  • 9 популярные темы карт
  • Создание своих собственных тем
  • Перетаскивание маркеров для более точного расположения
  • Гугл просмотр улиц
  • Поддержка utf-8 символов
  • Функциональный виджет
  • Поддержка локализации
  • Четыре типа карт Google: Карта, рельеф, спутник и гибрид
  • Самостоятельно определяемые параметры: ширина, высота и масштаб для карты Google
  • Анимация к вашим маркерам
  • Никакой рекламы или ссылок
  • Совместимость с плагинами кэширования
  • Совместим с Cloudfare
  • Последний API карт Google
Количество активных установок 300,000+
Время последнего релиза, обновление 22.09.2016
Совместимость с версией WordPress 4.6.1
Скачать плагин⇒

А какими плагинами карт wordpress пользуетесь вы? Поделитесь в комментариях!

(Visited 1 038 times, 1 visits today)

WordPress Яндекс карты: как установить и настроить

Wordpress Яндекс Карта

Привет читатели seoslim.ru! Скажите, а вы пользуетесь картами от Яндекса на wordpress?

Яндекс карта служит в первую очередь для повышения юзабилити площадки. Сегодня мы рассмотрим, когда стоит размещать Яндекс.Карту в созданном интернет – проекте.

В первую очередь ее придется установить на такие интернет – проекты, в которых есть возможность указать определенное место.

Например, как проехать в исходную точку назначения. Или это может быть адрес фирмы, или интернет – магазина. Такие карты можно увидеть при рекламе товаров. Устанавливается там, где показывается схема проезда.

Существует несколько вариантов добавления карты от Яндекс

1. Для интернет – проекта, созданного на WordPress, можно применить специальный плагин. Называется он yandex maps.

С его помощью карта добавляется в необходимую страницу или запись на блоге. Карта получается интерактивная. Работает изменение масштаба и перемещение.

Плагин yandex maps

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

Эго можно получить после авторизации. Там где редактор страниц, появится новая панель. С ее помощью и производится вся настройка.

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

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

Здесь перейдите в конструктор новых карт и найти какое-нибудь место на карте, где можно поставить метки, нарисовать линии или фигуры, построенные из многоугольников.

Также можно добавить подписи к записям. Имеется возможность выбрать различную цветовую схему исполнения. Можно выбрать тип карты.

Статические или интерактивные карты

Яндекс предлагает такие варианты: народная, гибрид и спутник. На последнем шаге стоит выбрать тип карты. Можно создать статическую или интерактивную карту. Теперь не забудьте получить специальный код, который потом разместите на web-ресурсе.

Особенность карт на WordPress

При установке на WordPress учтите одну небольшую особенность. Визуальный редактор вордпресс не разрешает использовать тега скрипт в визуальном редакторе.

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

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

Решение в данной ситуации имеется. Можно использовать статичную карту. При переключении в визуальный режим вордпресс будет отображать ее как рисунок и не будет убирать код.

Если надо использовать интерактивную карту, и иметь возможность переключаться, не вставляя заново код, можно воспользоваться специальным плагином fields shortcode.

При помощи данного плагина можно поместить фрагмент кода в пользовательском поле. После этого его можно добавлять в любое место записи.

Хочу еще отметить, что существует еще один способ. Это использование api карт от Яндекса. Данный способ требует определенных умений программирования.

Самое главное, что такой способ предлагает более расширенный варианты настройки карты.

Итак, используя данные методы, можно поместить Яндекс.Карту, на интернет – проект, который работает на WordPress.

В первую очередь такую карту полезно установить на таких площадках, которые занимаются коммерческой деятельностью, или осуществляют продажи товаров (интернет — магазины).

Также это может быть любой блог, в котором необходим непосредственный контакт с посетителями.

Яндекс карты для WordPress | WPNICE

Сегодняшняя статья о Яндекс картах для вашего сайта на WordPRess. О взаимодействии карт от Гугла с WP написано уже довольно много. Существуют десятки разной степени полезности, бесплатных и премиум плагинов. Есть даже специализированные темы, главной фишкой которых является именно показ гуглокарт в разных видах и для разных назначений.

У Яндекса в этом плане дела выглядят поскромнее. Плагинов существует совсем мало. Впрочем, это не столько проблема Яндекса, сколько разработчиков плагинов. Отечественных, понятное дело.

Как бы там не было, любой желающий может без особого труда добавить Яндекс карту к себе на WordPress сайт. И сегодня мы подробно рассмотрим ручной способ добавления такой карты и попутно пару полезных плагинов для тех, кто в принципе, терпеть не может никакого кода 🙂

Добавление Яндекс карты для WordPress

Для чего может понадобится интерактивная карта на вашем сайте, я думаю и так всем понятно. Конечно, в первую очередь это различные схемы проезда и прохода. И Гугл и Яндекс уже давно позволяют своим пользователям использовать специальные конструкторы создания карт. Найти такой конструктор для Яндекс карты можно вот тут. Создавать карту следует под своим аккаунтом для того, что иметь потом возможность её отредактировать.

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

После того как вы справились с рисованием, не забудьте ввести название своей карты. Потом жмакаем на большую желтую кнопку — «Сохранить и получить код». Внизу, в строке появится код который вам нужно скопировать в буфер обмена (CTRL+C) и потом вставить(CTRL+V) на нужную страницу или пост вашего сайта. Только учтите, что перед тем как вставить код, следует переключить визуальный редактор сайта в текстовый режим. Тут же, после вставки, в тексте кода можете подправить размер окна с картами если требуется.

Вот и все хитрости. Как видите, все просто и без плагинов. Дополнительно еще можно получить API-ключ. Но нужно это скорее разработчикам, которые много и часто работают с Яндекс картами. Кроме того, с API можно добавлять специальные модули для создания сложных карт.

Плагины добавления Яндекс карт

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

Oi Yandex.Maps for WordPress

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

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

Страница плагина

SemanticWP Yandex Maps

Единственный премиум плагин который мне удалось сыскать на тему карт от Яндекса. Плагин будут полезен всем кому надо создавать карты с многочисленными метками и описаниями к ним. Умеет делать:

  • Выбор элементов управления
  • Задавать размеры карты
  • Задавать тип карты
  • Добавлять любое число меток
  • Показывать текст на иконке и в подсказке
  • Выводить ссылки

Страница плагина

Что именно использовать на своем сайте — Яндекс или Гугл карты пусть каждый решает сам. На мой субъективный взгляд, Гугл карты хороши для сложной работы ввиду того, что к ним есть масса специализированных программ и плагинов для WordPress. Ну а для быстрого вывода например, схемы проезда в отечественных городах отлично сгодится и Яндекс.

Еще по теме — Google Maps — как вставить на сайт гугл карту?


Google и Яндекс карта WordPress

Здравствуйте, друзья блога FairHeart.ru! Если вы на блоге указываете адрес своей компании, любимого бара или просто место встречи, для красоты и удобства восприятия рекомендуется приложить карту, на которой маркером отмечено это место. В этой статье я расскажу вам как быстро и просто добавить Google Map и Яндекс карту в WordPress.

Яндекс Карта — плагин Yandex Maps for WordPress

Скачайте плагин Yandex Maps for WordPress, распакуйте архив, загрузите папку с файлами плагина на сервер в директорию wp-content/plugins и активируйте его. Для работы Яндекс Карты необходимо получить Yandex API Key. Это займет у нас несколько секунд. Переходите на страницу получения API-ключа. Достаточно ввести адрес вашего сайта, поставить галочку под пользовательским соглашением и нажать на ставшую активной кнопку «Получить API-ключ».

На следующей страницы нам уже выдают уникальный API-ключ, который следует скопировать и вставить в раздел админки WP «Плагины» — «Yandex Maps». Все, плагином уже можно пользоваться.

Теперь при создании страницы или записи во встроенном редакторе WordPress внизу можно заметить новый раздел опций «Yandex Maps for WordPress».

  • Location Name — заголовок описания маркера.
  • Address — адрес, который будет отмечен маркером.
  • Location Description — описание маркера (можно использовать html тэги, но не стоить вводить одиночную кавычку).
  • Map width \ height — размер карты в пикселях.
  • Enable Zoom/Pan Controls — показывать элементы управления.
  • Enable Map Type Controls (Map, Satellite, or Hybrid) — отображать или нет элементы настройки типа карты (улицы, спутник, гибрид).

Как только заполните все поля, нажмите на кнопку Send Map To Editor и плагин сам сгенерирует код и вставит его в текст статьи.

Google Карта WordPress — плагин Comprehensive Google Map Plugin

В качестве альтернативы рассмотренным выше Яндекс Картам хочу предложить просто шикарный плагин от Google, который по праву имеет рейтинг в пять звезд на wordpress.org — имя ему Comprehensive Google Map Plugin. Единственный его минус — он не принимает русские адреса, их приходится писать транслитом (английскими буквами русские слова). Зато сами карты полностью на русском, да и описание маркеров тоже можно задавать на своем родном языке. Этот плагин имеет просто огромный функционал, за который можно ему простить все на свете!

Плагин устанавливается стандартно, только скачайте свежую версию с официального репозитория на wordpress.org.

После активации, появляется отдельный пункт в панели администратора WordPress — Google Map. Настройки плагина разбиты на два раздела:

1. Shortcode Builder — генератор кода, который следует вставить в текст статьи или в виджет WP для отображения настроенной в этом разделе карты.

Рассмотрим опции этого раздела.

Basic Settings — основные настройки.

  • Width и Height — ширина и высота карты в пикселях.
  • Zoom — масштаб.
  • Map type — тип карты.
  • Alignment — выравнивание (расположение на странице).
  • Direction Hint — подсказка направления.
  • Map Language — язык.
  • Powered By — переводится как «Приведенный в действие», но назначение данной опции осталось для меня загадкой.

Map Controls — элементы управления. Можно оставить настройки по умолчанию.

Map Markers — ставим маркеры на карту.

Для этого выбираем внешний вид маркера, указываем адрес его расположения и описание. Как я уже говорил, русские адреса плагин не воспринимает, поэтому их следует вводит английскими буквами, если и это не помогло — посмотрите в интернете правильно английское написание. Если адрес введет корректно, плагин появится чуть ниже.

Что еще можно отображать:

  • Bike Paths — велосипедные дорожки.
  • Traffic Info — транспортную информацию.
  • Panoramio — фотографии местности.

Когда карта настроена и на нее нанесены все необходимые маркеры, нажмите на кнопку GENERATE SHORTCODE. Появится окошко с кодом, скопируйте его и вставьте в статью.

2. Settings — в этом разделе можно разрешить или запретить отображать опции генерации кода Google карты в редакторе WordPress (как это делается в плагине Yandex Maps for WordPress по умолчанию).

Кроме этого плагин создает новый виджет AZ :: Google Map. Настройки его полностью идентичны рассмотренным выше.

Спасибо за внимание! Всех Вам благ!

Лучший способ выразить благодарность автору — поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.

Author: admin

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *