En esta demo puedes ver como el panel modal puede ubicarse en diversos lugares y como cada icono puede tener una animación diferente.
Esto se consigue mediante el uso de plantillas, asi una estructura y aspecto se puede compartir en múltiples iconos, consiguiendo los resultados deseados mucho más rápido.
Créditos: Vector de Carácter creado por macrovector – Vector de Vintage creado por freepik – www.freepik.es
A continuación tienes una tabla con las características principales de esta demo.
- Tema
- Cartoon
- CSS extra
- No hay CSS personalizados
- Marcadores
6 marcadores, todos de tipo icono.
- Plantillas
Se han creado 3 plantillas para demostrar como estas determinan la animación y las funcionalidades del marcador (icono). En esta demo vemos 3 paneles diferentes así como 3 animaciones diferentes en los iconos.
En un caso real, seguramente todos los iconos se comportarían de la misma manera…. o no… todo dependerá de lo que quieras hacer, con Mapplanner tienes total libertad.
- Zoom
- habilitado (2)
- Plantas
- 1
- Panel
- 3 paneles, uno central, otro a la derecha y otro a la izquierda. No se han usado el panel superior ni el inferior.
- Tooltip
- Cada una de las tres plantillas tiene el tooltip en una ubicación diferente al ponerte sobre el marcador en PC. En móvil o tablet no se ha usado el tooltip.
- Lightbox
- No se ha usado el visor de imágenes.
Si lo deseas también puedes ver otras demos.