Interactive World Maps v1.99

0
81
Interactive World Maps
Interactive World Maps


Interactive World Maps — Это WordPress плагин для создания столько карт , сколько вы хотите, с интерактивными и цветными маркерами, континентами, странами и регионами.

Полностью совместимы с новой WordPress v4.7 и визуальным Composer!

Показать различные регионы

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

  • Карта всего мира.
  • Континент или субконтинент. (Африка, Европа, Америка, Азия, Океания и все их Субконтинентальные)
  • Страна. (Практически все страны мира включены, показывая наиболее востребованные: США, Великобританию, Канаду, Францию, Германию, Испанию, Италию, Бразилию, Индию, Австралию …)
  • Страна разделена на ее регионов. *
  • Государство в Соединенных Штатах.
  • Соединенные Штаты разделены мегаполисами.
  • Государство, в Соединенных Штатах Америки делится на мегаполисах.

Цвет Регионы или добавить маркеры

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

  • В регионах — это окрасит всю область, например, на континент, субконтинент, страна, страна, провинция или штат США.
  • Как Маркеры -Он будет отображать цветной пузырь в выбранных регионах, что может быть город, штат или страна.


См DEMO, чтобы увидеть, как они взаимодействуют!

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

Вы можете добавить интерактивности в активных областях:

  • Всплывающая подсказка — всплывающая подсказка будет отображаться по умолчанию при наведении курсора мыши с информацией , которую вы предоставляете.
  • Действия ? Вы можете настроить Diferent видов действий , когда пользователь щелкает в активной области. Вы можете сделать новый URL открытым, или просто отобразить сообщение. Опытные пользователи смогут создавать свои собственные функции Javascript для индивидуальных действий, как открытие информации с эффектом лайтбокс .

Настраиваемый

Вы сможете costumize зрительных ваших карт:

  • Фоновый цвет;
  • Box ширина границы и цвет;
  • Неактивные регионы цвет;
  • Индивидуальные цвета для каждой активной области;
  • Маркеры размера;
  • Ширина и высота карты;

Добавьте карты в любом месте на вашем сайте

Вы можете использовать шорткод включать карты в постах, страницах и даже в боковой панели виджетов! Вы также можете добавить карты в шаблон, с помощью простой функции PHP.

отзывчивый

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

Начиная с версии 1.4 плагин включает в себя возможность сделать карты полностью Отзывчивый. Это будет использовать JQuery , чтобы проверить , если размер окна изменен и будет перерисовывать карту с новым доступного пространства. Отзывчивый ИНТЕРАКТИВНАЯ КАРТА Пример

Крест устройство и совместимый браузер

Карты построены в SVG, не используется флэш и, следовательно, они будут отображаться в продуктах Mac.

CSS Hacks легко

Там несколько функций, что Google Geochart API не предоставляет по умолчанию, но плагин обеспечивает «Custom CSS Generator», чтобы помочь реализовать некоторые функции, такие как эффект изменения цвета при наведении, реализовать значки шрифтов в качестве маркеров, изменить цвет границы, среди других.

Пример карты с помощью значков шрифта из fontAwesome инструментария , используя некоторые CSS трюков, доступных с версии 1.7.3 выпущен января 2016 года Подробнее об этой технике .

Где использовать его?

Этот плагин идеально подходит для:

  • Туристические сайты — Создание карт для отображения направления и ссылки на страницы о конкретном месте
  • Путешественник Сайт — Вывести карту с направлением / страны посетили
  • Многонациональные компании — Создание карт городов / стран, в которых они работают
  • Небольшие компании — Показать расположение бизнеса в карте страны
  • НПО — Создание карт проектов НПО по всему миру
  • Инфографика — Дисплей легко читать карты с различной информацией
  • И гораздо больше других приложений! Будь креативным!

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here