# 15. Creación de consola visuales

#### <span style="font-weight: 400;">Creación de consola visual Padre  
</span>

<span style="font-weight: 400;">En este primer mapa vamos a añadir el estado de varios agentes distribuidos en un mapa mundial. Se puede realizar de forma manual, uno a uno, o mediante el Wizard. *Para facilitar la creación del mismo vamos a utilizar el Wizard en el ejemplo.*</span>

<span style="font-weight: 400;">Lo primero que tenemos que hacer es crear un nuevo mapa, que llamaremos World Map. </span>

<span style="font-weight: 400;">[![pfms-first_steps-visual_console-image-010.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-010.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-010.png)</span>

<span style="font-weight: 400;">[![pfms-first_steps-visual_console-image-020.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-020.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-020.png)</span>

<span style="font-weight: 400;">Una vez creado pinchamos sobre el Wizard de elementos:</span>

<span style="font-weight: 400;">[![pfms-first_steps-visual_console-image-030.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-030.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-030.png)</span>

<span style="font-weight: 400;">En el Wizard seleccionamos el tipo de elemento, en este ejemplo **Static Graph** (captura de pantalla anterior), la imagen que queremos usar, si queremos usar un ítem por agente o por módulo, y seleccionamos los agentes con los módulos que vamos a añadir dentro del listado que aparece. </span>

<span style="font-weight: 400;">Pinchamos sobre el botón añadir, nos dirigimos a la pestaña "View" y aparecerán en el mapa todos los elementos creados, tal y como vemos en la siguiente captura:</span>

<span style="font-weight: 400;">[![pfms-first_steps-visual_console-image-040.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-040.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-040.png)</span>

<span style="font-weight: 400;">Para poder mover o agregar elementos debemos habilitar el *token* **Edit**.</span>

[![pfms-first_steps-visual_console-image-050.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-050.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-050.png)

<span style="font-weight: 400;">Movemos todos los elementos como los queramos tener posicionados en el mapa, pinchando y arrastrándolos sobre el mismo.</span>

<span style="font-weight: 400;">[![pfms-first_steps-visual_console-image-060.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-060.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-060.png)</span>

#### <span style="font-weight: 400;">Creación de consola visual Hijo</span>

<span style="font-weight: 400;">En el segundo mapa se va a crear un elemento que nos indica el estado de uno de los agentes principales, unidos a él todos los módulos dados.</span>

*<span style="font-weight: 400;">El primer paso es crear el nuevo mapa tal y como hicimos la vez anterior:</span>*

[![pfms-first_steps-visual_console-image-070.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-070.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-070.png)

<span style="font-weight: 400;">Una vez creado, añadimos el elemento que nos muestra el estado del agente seleccionando el elemento de tipo **Static image**:</span>

<span style="font-weight: 400;">[![pfms-first_steps-visual_console-image-080.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-080.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-080.png)</span>

<span style="font-weight: 400;">Creamos también la gráfica eligiendo el elemento **Basic chart**, añadiendo el agente y módulo del que vamos a ver reflejada la gráfica.</span>

<span style="font-weight: 400; text-align: justify;">Ya tenemos creado el elemento principal del mapa; ahora vamos a crear un elemento nuevo por cada uno de los módulos que existen en el agente. Para ello, vamos a usar el Wizard realizando su configuración tal. Seleccionamos **Static Graph** del agente y los módulos que indicamos. Le ponemos como etiqueta el nombre del módulo y le asignamos a este ítem un parent previamente creado en el Mapa Visual, en este caso el elemento anterior que hemos añadido.</span>

<span style="font-weight: 400;">Tras crear todos estos elementos, nos aparecerán unidos al elemento principal y los podemos mover arrastrándolos directamente con el ratón en la posición que queramos.</span>

[![pfms-first_steps-visual_console-image-090.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-090.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-090.png)

#### <span style="font-weight: 400;">Enlazado entre mapas  
</span>

<span style="font-weight: 400;">En los pasos anteriores creamos los dos mapas. En este paso vamos a indicar cómo al pinchar en el elemento situado sobre España en el mapa "World Map", se nos abre directamente el mapa "Continent Map".</span>

<span style="font-weight: 400;">Para ello abrimos el mapa World Map, en el modo edición, haciendo doble-clic sobre el elemento y se nos abrirá la edición del mismo. Pinchamos sobre opciones avanzadas y en la opción **Linked visual console**, seleccionamos el Continent Map. Actualizamos el elemento pinchando sobre el botón OK.</span>

[![pfms-first_steps-visual_console-image-100.png](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/scaled-1680-/pfms-first-steps-visual-console-image-100.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2026-03/pfms-first-steps-visual-console-image-100.png)

<span style="font-weight: 400;">Al volver sobre la vista del mapa World Map, hacemos clic en el elemento situado sobre "pandora fms agent" y directamente se nos abrirá el Continent map. **Con que en el mapa hubiera un solo elemento en rojo, el icono que representa a Continent map en el mapa padre también se vería en rojo.**</span>

<p class="callout info align-center">¿No se están logrando los resultados explicados en el capítulo? Acceda a la sección de [ayuda](https://pandorafms.com/guides/public/books/primeros-pasos-con-pandora-fms/page/21-donde-mirar-en-caso-de-problemas) o [soporte](https://pandorafms.com/guides/public/books/primeros-pasos-con-pandora-fms/page/22-soporte)</p>