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.