JM Imagen mapa Módulo 1.0.0

El módulo de Mapa de Imagenes JM es una solución poderosa y intuitiva para crear mapas interactivos de imágenes en tu sitio web Joomla con un editor visual arrastrar y soltar, 150+ iconos, y bocadillos de pista hermosos.

Este módulo ofrece un editor visual amigable, una extensa biblioteca de iconos Font Awesome, opciones de color personalizadas por hotspot, y animaciones suaves que permiten a los desarrolladores web e administradores de sitios crear imágenes interactivas emocionantes que se integran sin problemas con el diseño de tu sitio web. Aquí tienes un guía detallada para utilizar eficazmente el módulo JM Image Map.

1. Editor Visual Arrastrar y Soltar

Haga clic para Agregar Hotspots: Simplemente haga clic en cualquier parte de la imagen para crear instantáneamente un nuevo hotspot interactivo.
Arrastre para Reponer Posición: Siga y arrástre los hotspots para posicionarlos con precisión en cualquier parte de la imagen con una precisión pixel-perfect.
Vista Previa Real-Time: Mire exactamente cómo su mapa de imágenes se verá mientras construye, con actualizaciones en tiempo real en el interfaz administrativo.
Ventana Modal Editable: Haga clic en cualquier hotspot para abrir una ventana limpia y organizada con todas las opciones de configuración en un solo lugar.

2. Biblioteca Extensa de Iconos (150+ Iconos)

Seleccionador Visual de Iconos: Búsqueda y selección de 150+ iconos Font Awesome con un elegante seletor de interfaz visual.
14 Categorías Organizadas: Iconos agrupados por propósito - Navegación, Comunicación, Social, Negocio, Comercio, Medios, Tiempo, Acciones, Estado, Transporte, Alimentos, Tecnología, Clima y Salud.
Vista Previa Real-Time: Ve iconos renderizados en tiempo real mientras selecciona los mismos en el seletor de interfaz visual.
Soporte Personalizado para Iconos: Ingrese manualmente cualquier clase Font Awesome de icono para posibilidades ilimitadas.

3. Opciones de Color Personalizables por Hotspot

Colores Únicos por Hotspot: Establezca colores únicos para cada hotspot para crear mapas interactivos con color codificado.
Seletor Visual de Colores: Elija colores con un intuitivo seletor de colores o ingrese códigos hex directamente.
Definición Global de Colores por defecto: Defina colores de icono y hover que aplican a todos los hotspots sin colores personalizados.
Reiniciar a Defectos Globales: Botón uno para eliminar los colores personalizados y usar los colores de módulo predeterminados.

4. Bocadillos de Pista Hermosas

Tooleaps CSS Personalizables: Bocadillos modernas e animadas que aparecen en el hover con transiciones suaves.
Indicadores de Flecha: Las bocadillas incluyen un pequeño puntero hacia el hotspot para una conexión visual clara.
Tema Oscuro: Fondo semi-transparente negro con texto blanco garantiza la legibilidad sobre cualquier imagen.
Posicionamiento Automático: Bocadillos se posicionarán automáticamente encima de los hotspots para evitar cubrir contenido.
Opciones de Mostrar/No Mostrar: Habilitar o deshabilitar las bocadillas globalmente con un simple gatillo.

5. Estilo Profesional

Hotspots Cercados: Círculos perfectos con iconos centrados dentro para una apariencia limpia y moderna.
Borde Blanco: Borde de 2px blanco garantiza la visibilidad sobre cualquier imagen de fondo.
Sombra Subtle: Efecto de sombra suave añade profundidad y hace que los hotspots destaquen.
Efectos Hover: Hotspots se escalan en un 1.2x y oscurecen al hover para proporcionar retroalimentación interactiva clara.

6. Funcionalidad Import/Export

Exportar a JSON: Exporte todas las configuraciones de hotspots a formato JSON para respaldo o reutilización.
Importar desde JSON: Importe configuraciones previamente exportadas o cree hotspots programáticamente.
Operaciones en Banda: Duplicación rápida de configuraciones de hotspots entre múltiples módulos.
Transferencia Fácil: Transfiera configuraciones de hotspots entre sitios de desarrollo y producción.