![¿Qué es GraphQL: cómo funciona y para qué sirve? 45 ¿Qué es GraphQL: cómo funciona y para qué sirve?](https://lovtechnology.com/wp-content/uploads/2023/03/Que-es-GraphQL-como-funciona-y-para-que-sirve.jpg)
Tabla de contenidos
- Introducción a GraphQL
- Cómo funciona GraphQL
- GraphQL frente a la API REST
- Ventajas del uso de GraphQL
- Errores comunes sobre GraphQL
- Casos de uso de GraphQL
- Primeros pasos con GraphQL
- Herramientas y recursos GraphQL
- Mejores prácticas de GraphQL
- Conclusión
GraphQL ha estado haciendo olas en el mundo del desarrollo web como una forma más eficiente y flexible para recuperar datos de un servidor. Pero, ¿qué es exactamente GraphQL y cómo funciona? En pocas palabras, GraphQL es un lenguaje de consulta que permite a los desarrolladores especificar exactamente qué datos necesitan de un servidor, y recibir sólo esos datos a cambio. Esto significa que en lugar de recuperar grandes cantidades de datos y filtrarlos en el lado del cliente, GraphQL puede ahorrar tiempo y ancho de banda al proporcionar precisamente lo que se necesita.
Pero las ventajas de GraphQL no acaban ahí. También facilita la gestión de esquemas y puede consolidar varias API en un único punto final. En este artículo, profundizaremos en cómo funciona GraphQL, qué lo hace único y cómo puede beneficiar a su próximo proyecto de desarrollo web. Así que, tanto si eres un desarrollador experimentado como si acabas de empezar, vamos a explorar el poder de GraphQL.
Introducción a GraphQL
GraphQL fue desarrollado por Facebook en 2012, y más tarde se hizo de código abierto en 2015. Es un lenguaje de consulta para API que permite a los desarrolladores solicitar solo los datos que necesitan, lo que lo hace más eficiente que las API REST tradicionales. GraphQL no es una base de datos ni un servidor, sino una especificación que proporciona una forma de interactuar con las API. Es un lenguaje de consulta que actúa como intermediario entre el cliente y el servidor.
A diferencia de las API REST tradicionales, en las que los desarrolladores tienen que hacer varias peticiones para recuperar datos relacionados, GraphQL permite a los desarrolladores recuperar todos los datos relacionados en una sola petición. Esto se debe a que GraphQL permite a los desarrolladores especificar los datos exactos que necesitan, y el servidor responde sólo con esos datos. Esto hace que GraphQL sea mucho más eficiente y rápido que las API REST tradicionales.
Cómo funciona GraphQL
GraphQL funciona permitiendo a los desarrolladores especificar los datos exactos que necesitan, y el servidor responde sólo con esos datos. Esto se hace a través de una consulta GraphQL, que es una cadena que describe los datos que el cliente quiere recuperar. La consulta se envía al servidor, que responde con los datos solicitados.
GraphQL tiene un esquema que define los tipos de datos, campos y relaciones disponibles. El esquema se utiliza para validar las consultas y las respuestas, lo que facilita el mantenimiento y la evolución de la API a lo largo del tiempo. El esquema también se utiliza para generar la documentación de la API, lo que facilita a los desarrolladores la comprensión de su uso.
Las consultas GraphQL también pueden incluir variables, que se utilizan para pasar valores dinámicos a la consulta. Esto permite a los desarrolladores crear consultas más flexibles y reutilizables.
GraphQL frente a la API REST
GraphQL y las API REST tienen diferentes enfoques para recuperar datos. Las API REST se basan en recursos, lo que significa que exponen un conjunto de puntos finales que corresponden a recursos. Cada punto final devuelve una representación específica del recurso, que puede incluir recursos relacionados.
GraphQL, por su parte, se basa en un esquema que define los tipos de datos, campos y relaciones disponibles. Los desarrolladores pueden entonces consultar el esquema para recuperar los datos exactos que necesitan, en una sola petición. Esto hace que GraphQL sea más eficiente y flexible que las API REST, especialmente cuando se trata de estructuras de datos complejas.
GraphQL también ofrece una forma de consolidar varias API en un único punto final, lo que puede simplificar el código del lado del cliente y reducir el número de solicitudes necesarias para recuperar datos relacionados.
Ventajas del uso de GraphQL
El uso de GraphQL tiene varias ventajas sobre las API REST tradicionales.
En primer lugar, GraphQL reduce la cantidad de datos transferidos entre el cliente y el servidor, al permitir a los desarrolladores solicitar sólo los datos que necesitan. Esto puede suponer una mejora significativa del rendimiento, especialmente en redes lentas o inestables.
En segundo lugar, GraphQL facilita la gestión de esquemas, al proporcionar una forma de definir y hacer evolucionar el esquema a lo largo del tiempo. Esto facilita el mantenimiento y la actualización de la API, sin romper los clientes existentes.
En tercer lugar, GraphQL puede consolidar varias API en un único punto final, lo que puede simplificar el código del lado del cliente y reducir el número de peticiones necesarias para recuperar datos relacionados.
Por último, GraphQL proporciona una forma más flexible y expresiva de recuperar datos, al permitir a los desarrolladores especificar los datos exactos que necesitan, y el servidor responde sólo con esos datos. Esto facilita la creación de aplicaciones complejas que requieren una recuperación de datos sofisticada.
Errores comunes sobre GraphQL
Hay algunos conceptos erróneos comunes sobre GraphQL que vale la pena abordar.
Uno de ellos es que GraphQL sólo es útil para aplicaciones complejas. Si bien es cierto que GraphQL brilla cuando se trata de estructuras de datos complejas, también se puede utilizar para aplicaciones más simples. De hecho, muchos desarrolladores encuentran que GraphQL simplifica su código y lo hace más fácil de razonar.
Otro concepto erróneo es que GraphQL es difícil de aprender. Si bien hay una curva de aprendizaje para el uso de cualquier nueva tecnología, GraphQL no es inherentemente más difícil que las API REST. De hecho, muchos desarrolladores encuentran que GraphQL es más fácil de aprender y usar que las APIs REST, especialmente cuando se trata de estructuras de datos complejas.
Por último, a algunos desarrolladores les preocupa que GraphQL no sea tan maduro o no esté tan bien soportado como las APIs REST. Si bien es cierto que GraphQL es una tecnología más reciente, está ganando popularidad rápidamente y cuenta con una creciente comunidad de desarrolladores y recursos.
Casos de uso de GraphQL
GraphQL es una tecnología versátil que puede utilizarse en muchos contextos diferentes. Algunos casos de uso comunes para GraphQL incluyen:
- Construir aplicaciones complejas que requieren una recuperación de datos sofisticada
- Consolidación de varias API en un único punto final
- Simplificar el código del lado del cliente y reducir el número de solicitudes necesarias para recuperar datos relacionados
- Proporcionar una forma más flexible y expresiva de recuperar datos
- Facilitar la gestión de esquemas y su evolución a lo largo del tiempo.
Primeros pasos con GraphQL
Si eres nuevo en GraphQL, hay varios recursos disponibles para ayudarte a empezar.
El sitio web oficial de GraphQL proporciona una excelente introducción a la tecnología, incluyendo un tutorial y documentación. También hay muchas librerías y herramientas de terceros disponibles, incluyendo librerías cliente para lenguajes de programación y frameworks populares.
Para empezar con GraphQL, tendrás que entender los conceptos básicos del lenguaje, incluyendo consultas, mutaciones y suscripciones. También tendrá que familiarizarse con el esquema, incluidos los tipos de datos, los campos y las relaciones.
Herramientas y recursos GraphQL
Hay muchas herramientas y recursos disponibles para ayudarte a trabajar con GraphQL. Aquí tienes algunos que merece la pena consultar:
- GraphiQL: un IDE interactivo de GraphQL que te permite explorar APIs y probar consultas.
- Apollo: una popular biblioteca de cliente y servidor GraphQL para JavaScript
- GraphQL Playground: un IDE basado en web para explorar y probar APIs GraphQL
- Hasura: un potente motor GraphQL que puede generar una API GraphQL a partir de una base de datos existente
- GraphQL Weekly: un boletín semanal que cubre las últimas noticias y recursos relacionados con GraphQL
Mejores prácticas de GraphQL
Para sacar el máximo provecho de GraphQL, hay varias mejores prácticas a tener en cuenta:
- Mantenga su esquema simple y flexible, para que pueda evolucionar con el tiempo
- Utilice convenciones de nomenclatura descriptivas y coherentes para los tipos, campos y relaciones.
- Utilice la paginación y el almacenamiento en caché para optimizar el rendimiento.
- Utilice variables para pasar valores dinámicos a las consultas, en lugar de codificarlos.
- Utilice una herramienta como GraphiQL para explorar y probar su API a medida que la desarrolla.
- Proporcione documentación clara sobre su API, con ejemplos y explicaciones sobre cómo utilizarla.
Conclusión
GraphQL es una tecnología potente y flexible que puede simplificar la recuperación y gestión de datos en aplicaciones web. Al permitir que los desarrolladores especifiquen los datos exactos que necesitan y que el servidor responda sólo con esos datos, GraphQL puede ahorrar tiempo y ancho de banda, facilitar la gestión de esquemas y consolidar varias API en un único punto final. Tanto si está creando una aplicación compleja como una sencilla, merece la pena considerar GraphQL como una forma de agilizar su código y mejorar la experiencia del usuario.
![WPS (Wifi Protected Setup): ¿Qué es y Cómo Funciona? 1 Wifi Protected Setup WPS](https://lovtechnology.com/wp-content/uploads/2022/02/pricipal-1-300x200.webp)
WPS (Wifi Protected Setup): ¿Qué es y Cómo Funciona?
![Wi-Fi: Funcionamiento y Mejoras Recientes 2 Wi-Fi](https://lovtechnology.com/wp-content/uploads/2024/05/Wi-Fi-300x200.jpg)
Wi-Fi: Funcionamiento y Mejoras Recientes
![Vehículos Autónomos: Estado Actual y Desafíos Futuros 3 Vehículos Autónomos: Estado Actual y Desafíos Futuros](https://lovtechnology.com/wp-content/uploads/2024/05/image-86-105-300x200.jpg)
Vehículos Autónomos: Estado Actual y Desafíos Futuros
![Usos Prácticos de la Inteligencia Artificial en la Medicina 4 Usos Prácticos de la Inteligencia Artificial en la Medicina](https://lovtechnology.com/wp-content/uploads/2024/05/image-86-18-300x200.jpg)
Usos Prácticos de la Inteligencia Artificial en la Medicina
![Una Breve Historia del Malware 5 Historia del malware](https://lovtechnology.com/wp-content/uploads/2021/04/Historia-del-malware1-300x200.jpg)
Una Breve Historia del Malware
![Una Breve Historia de Microsoft 6 Una breve historia de Microsoft](https://lovtechnology.com/wp-content/uploads/2021/06/microsoft-300x200.jpg)
Una Breve Historia de Microsoft
![Transistores de Grafeno: Innovaciones y Aplicaciones Futuras 7 Transistores de Grafeno: Innovaciones y Aplicaciones Futuras](https://lovtechnology.com/wp-content/uploads/2024/06/Transistores-de-Grafeno-Innovaciones-y-Aplicaciones-Futuras-300x200.jpg)
Transistores de Grafeno: Innovaciones y Aplicaciones Futuras
![Transformación Digital en Empresas: Cómo Adaptarse al Cambio Tecnológico 8 Transformación Digital en Empresas: Cómo Adaptarse al Cambio Tecnológico](https://lovtechnology.com/wp-content/uploads/2023/06/Transformacion-Digital-en-Empresas-Como-Adaptarse-al-Cambio-Tecnologico-300x200.jpg)
Transformación Digital en Empresas: Cómo Adaptarse al Cambio Tecnológico
![Top 10 Herramientas de Desarrollo Front-end en 2024 9 Top 10 Herramientas de Desarrollo Front-end en 2024](https://lovtechnology.com/wp-content/uploads/2024/06/Top-10-Herramientas-de-Desarrollo-Front-end-en-2024-300x200.jpg)
Top 10 Herramientas de Desarrollo Front-end en 2024
![Tipos de Inteligencia Artificial 10 Tipos de inteligencia artifical.](https://lovtechnology.com/wp-content/uploads/2021/12/pricipal-2-1-300x200.webp)
Tipos de Inteligencia Artificial
![Terapia de Realidad Virtual: Una Nueva Frontera en el Tratamiento de Enfermedades Mentales 11 Terapia de Realidad Virtual: Una Nueva Frontera en el Tratamiento de Enfermedades Mentales](https://lovtechnology.com/wp-content/uploads/2023/06/Terapia-de-Realidad-Virtual-Una-Nueva-Frontera-en-el-Tratamiento-de-Enfermedades-Mentales-300x200.jpg)
Terapia de Realidad Virtual: Una Nueva Frontera en el Tratamiento de Enfermedades Mentales
![Tendencias en Desarrollo Web: Lo que Deberías Saber en 2024 12 Tendencias en Desarrollo Web: Lo que Deberías Saber en 2024](https://lovtechnology.com/wp-content/uploads/2024/06/Tendencias-en-Desarrollo-Web-Lo-que-Deberias-Saber-en-2024-300x200.jpg)
Tendencias en Desarrollo Web: Lo que Deberías Saber en 2024
![Tendencias en Desarrollo de Software: Desde Open Source hasta Comercial 13 Tendencias en Desarrollo de Software: Desde Open Source hasta Comercial](https://lovtechnology.com/wp-content/uploads/2024/05/image-86-39-300x200.jpg)
Tendencias en Desarrollo de Software: Desde Open Source hasta Comercial
![Telemedicina: La Revolución de la Salud a Distancia 14 Telemedicina: La Revolución de la Salud a Distancia](https://lovtechnology.com/wp-content/uploads/2024/05/Telemedicina-La-Revolucion-de-la-Salud-a-Distancia-300x200.webp)
Telemedicina: La Revolución de la Salud a Distancia
![Tecnologías Emergentes: ¿Qué nos Espera en la Próxima Década? 15 Tecnologías Emergentes: ¿Qué nos Espera en la Próxima Década?](https://lovtechnology.com/wp-content/uploads/2024/05/image-52-300x200.png)
Tecnologías Emergentes: ¿Qué nos Espera en la Próxima Década?
![Tecnologías de Asistencia: Innovaciones para Mejorar la Vida de Personas con Discapacidad 16 Tecnologías de Asistencia: Innovaciones para Mejorar la Vida de Personas con Discapacidad](https://lovtechnology.com/wp-content/uploads/2024/05/image-86-43-300x200.jpg)
Tecnologías de Asistencia: Innovaciones para Mejorar la Vida de Personas con Discapacidad
![Tecnología Vestible: Integrando la Tecnología en la Vida Cotidiana 17 Tecnología Vestible: Integrando la Tecnología en la Vida Cotidiana](https://lovtechnology.com/wp-content/uploads/2024/05/Tecnologia-Vestible-Integrando-la-Tecnologia-en-la-Vida-Cotidiana-300x200.webp)
Tecnología Vestible: Integrando la Tecnología en la Vida Cotidiana
![Tecnología Inalámbrica 5G 18 Dispositivos-conectados](https://lovtechnology.com/wp-content/uploads/2022/03/Dispositivos-conectados-300x200.webp)
Tecnología Inalámbrica 5G
![Tecnología Espacial: Innovaciones para la Exploración y Colonización del Espacio 19 Tecnología Espacial: Innovaciones para la Exploración y Colonización del Espacio](https://lovtechnology.com/wp-content/uploads/2024/05/Tecnologia-Espacial-Innovaciones-para-la-Exploracion-y-Colonizacion-del-Espacio-300x200.webp)
Tecnología Espacial: Innovaciones para la Exploración y Colonización del Espacio
![Tecnología Educativa: Herramientas y Plataformas que Transforman la Enseñanza 20 Tecnología Educativa: Herramientas y Plataformas que Transforman la Enseñanza](https://lovtechnology.com/wp-content/uploads/2024/05/image-86-81-300x200.jpg)
Tecnología Educativa: Herramientas y Plataformas que Transforman la Enseñanza
![Tecnología de Circuitos Integrados de 7nm: Desafíos y Beneficios 21 Tecnología de Circuitos Integrados de 7nm: Desafíos y Beneficios](https://lovtechnology.com/wp-content/uploads/2024/06/Tecnologia-de-Circuitos-Integrados-de-7nm-Desafios-y-Beneficios-300x200.jpg)
Tecnología de Circuitos Integrados de 7nm: Desafíos y Beneficios
![Smart Cities: Hacia una Gestión Inteligente de las Ciudades 22 Smart Cities: Hacia una Gestión Inteligente de las Ciudades](https://lovtechnology.com/wp-content/uploads/2024/05/Smart-Cities-Hacia-una-Gestion-Inteligente-de-las-Ciudades-300x200.webp)
Smart Cities: Hacia una Gestión Inteligente de las Ciudades
![Sistemas de Gestión de Bases de Datos: SQL vs NoSQL 23 Sistemas de Gestión de Bases de Datos: SQL vs NoSQL](https://lovtechnology.com/wp-content/uploads/2024/05/image-86-108-300x200.jpg)
Sistemas de Gestión de Bases de Datos: SQL vs NoSQL
![Seguridad en Redes: Mejores Prácticas para Proteger tu Información 24 Seguridad en Redes: Mejores Prácticas para Proteger tu Información](https://lovtechnology.com/wp-content/uploads/2024/05/image-60-300x200.png)
Seguridad en Redes: Mejores Prácticas para Proteger tu Información
![Seguridad en Dispositivos IoT: Protegiendo tu Hogar Conectado 25 Seguridad en Dispositivos IoT: Protegiendo tu Hogar Conectado](https://lovtechnology.com/wp-content/uploads/2024/05/Seguridad-en-Dispositivos-IoT-Protegiendo-tu-Hogar-Conectado-300x200.webp)
Seguridad en Dispositivos IoT: Protegiendo tu Hogar Conectado
![Seguridad biométrica: Protección avanzada a través de datos biológicos 26 Seguridad biométrica: Protección avanzada a través de datos biológicos](https://lovtechnology.com/wp-content/uploads/2023/06/Seguridad-biometrica-Proteccion-avanzada-a-traves-de-datos-biologicos-300x200.jpg)
Seguridad biométrica: Protección avanzada a través de datos biológicos
![Robótica: Avances Tecnológicos y Aplicaciones 27 Robótica: Avances Tecnológicos y Aplicaciones](https://lovtechnology.com/wp-content/uploads/2024/04/Robotica-Avances-Tecnologicos-y-Aplicaciones-300x200.webp)
Robótica: Avances Tecnológicos y Aplicaciones
![Redes Neuronales: Entendiendo el Cerebro de la Inteligencia Artificial 28 Redes Neuronales: Entendiendo el Cerebro de la Inteligencia Artificial](https://lovtechnology.com/wp-content/uploads/2024/05/Redes-Neuronales-Entendiendo-el-Cerebro-de-la-Inteligencia-Artificial-300x200.webp)
Redes Neuronales: Entendiendo el Cerebro de la Inteligencia Artificial
![Realidad Virtual y Realidad Aumentada: Explorando Nuevas Dimensiones de Experiencia 29 Realidad Virtual y Realidad Aumentada: Explorando Nuevas Dimensiones de Experiencia](https://lovtechnology.com/wp-content/uploads/2023/06/Realidad-Virtual-y-Realidad-Aumentada-Explorando-Nuevas-Dimensiones-de-Experiencia-300x200.jpg)
Realidad Virtual y Realidad Aumentada: Explorando Nuevas Dimensiones de Experiencia
![Realidad Virtual en el Entretenimiento: Sumérgete en Nuevas Experiencias Audiovisuales 30 Realidad Virtual en el Entretenimiento: Sumérgete en Nuevas Experiencias Audiovisuales](https://lovtechnology.com/wp-content/uploads/2023/06/Realidad-Virtual-en-el-Entretenimiento-Sumergete-en-Nuevas-Experiencias-Audiovisuales-300x200.jpg)
Realidad Virtual en el Entretenimiento: Sumérgete en Nuevas Experiencias Audiovisuales
![Realidad Mixta: La fusión perfecta entre lo real y lo virtual 31 Realidad Mixta: La fusión perfecta entre lo real y lo virtual](https://lovtechnology.com/wp-content/uploads/2023/06/Realidad-Mixta-La-fusion-perfecta-entre-lo-real-y-lo-virtual-300x200.jpg)
Realidad Mixta: La fusión perfecta entre lo real y lo virtual
![Realidad Mixta: La Fusión entre Realidad Virtual y Aumentada 32 Realidad Mixta: La Fusión entre Realidad Virtual y Aumentada](https://lovtechnology.com/wp-content/uploads/2024/05/Realidad-Mixta-La-Fusion-entre-Realidad-Virtual-y-Aumentada-300x200.webp)
Realidad Mixta: La Fusión entre Realidad Virtual y Aumentada
![Realidad Aumentada: Aplicaciones en Marketing y Publicidad 33 Realidad Aumentada: Aplicaciones en Marketing y Publicidad](https://lovtechnology.com/wp-content/uploads/2024/05/image-86-71-300x200.jpg)
Realidad Aumentada: Aplicaciones en Marketing y Publicidad
![Realidad Aumentada en Turismo: Descubre Destinos de una Nueva Manera 34 Realidad Aumentada en Turismo: Descubre Destinos de una Nueva Manera](https://lovtechnology.com/wp-content/uploads/2023/06/Realidad-Aumentada-en-Turismo-Descubre-Destinos-de-una-Nueva-Manera-300x200.jpg)
Realidad Aumentada en Turismo: Descubre Destinos de una Nueva Manera
![Realidad Aumentada en Retail: Mejorando la experiencia de compra en tienda 35 Realidad Aumentada en Retail: Mejorando la experiencia de compra en tienda](https://lovtechnology.com/wp-content/uploads/2023/06/Realidad-Aumentada-en-Retail-Mejorando-la-experiencia-de-compra-en-tienda-300x200.jpg)
Realidad Aumentada en Retail: Mejorando la experiencia de compra en tienda
![Realidad Aumentada en la Educación: Mejorando el Aprendizaje con la Tecnología 36 Realidad Aumentada en la Educación: Mejorando el Aprendizaje con la Tecnología](https://lovtechnology.com/wp-content/uploads/2023/06/Realidad-Aumentada-en-la-Educacion-Mejorando-el-Aprendizaje-con-la-Tecnologia-300x200.jpg)
Realidad Aumentada en la Educación: Mejorando el Aprendizaje con la Tecnología
![Qué son las Cookies Web y que Tipos Existen 37 Cookies web](https://lovtechnology.com/wp-content/uploads/2022/04/principal-1-300x200.webp)
Qué son las Cookies Web y que Tipos Existen
![Qué es una Web App - Beneficios y Usos 38 que es una web app](https://lovtechnology.com/wp-content/uploads/2024/06/que-es-una-web-app-300x200.jpg)
Qué es una Web App – Beneficios y Usos
![Qué es una Página Web - Componentes y Utilidad 39 que es una pagina web](https://lovtechnology.com/wp-content/uploads/2024/06/que-es-una-pagina-web-300x200.jpg)
Qué es una Página Web – Componentes y Utilidad
![Qué es una Interfaz (elemento de transición o conexión que facilita el intercambio de datos): cómo funcionan y para qué sirven. 40 Qué es una Interfaz (elemento de transición o conexión que facilita el intercambio de datos): cómo funcionan y para qué sirven.](https://lovtechnology.com/wp-content/uploads/2023/02/Que-es-una-Interfaz-elemento-de-transicion-o-conexion-que-facilita-el-intercambio-de-datos-como-funcionan-y-para-que-sirven-300x200.jpg)
Qué es una Interfaz (elemento de transición o conexión que facilita el intercambio de datos): cómo funcionan y para qué sirven.
![Qué es una Franquicia - Guía Completa de Negocios 41 que es una franquicia](https://lovtechnology.com/wp-content/uploads/2024/06/que-es-una-franquicia-300x200.jpg)
Qué es una Franquicia – Guía Completa de Negocios
![Qué es una Base de Datos en Memoria IMDB 42 base de datos en memoria](https://lovtechnology.com/wp-content/uploads/2022/03/pricipal-6-300x200.webp)
Qué es una Base de Datos en Memoria IMDB
![Qué es un Mapa Conceptual - Explicación y Uso 43 que es un mapa conceptual](https://lovtechnology.com/wp-content/uploads/2024/06/que-es-un-mapa-conceptual-300x200.jpg)
Qué es un Mapa Conceptual – Explicación y Uso
![Qué es un Imagemap (imagen que permite pinchar en distintas zonas para acceder a diferentes destinos): cómo funciona y para qué sirve. 44 Qué es un Imagemap (imagen que permite pinchar en distintas zonas para acceder a diferentes destinos): cómo funciona y para qué sirve.](https://lovtechnology.com/wp-content/uploads/2023/02/Que-es-un-Imagemap-imagen-que-permite-pinchar-en-distintas-zonas-para-acceder-a-diferentes-destinos-como-funciona-y-para-que-sirve-300x200.jpg)