Reloj mundial gratis con mapa en vivo

Características principales

• Mapa del mundo en vivo: Un mapa vectorial hecho con D3.js dibuja todos los continentes con los colores de tu tema. La mitad del planeta donde es de noche aparece en sombra y se redibuja cada minuto, así que ves enseguida dónde se ha puesto ya el sol.
• Más de 580 ciudades: Un buscador con ciudades en las 37 diferencias horarias con UTC que se usan hoy, incluidas las raras de cuarto de hora, como UTC+5:45 (Katmandú), UTC+8:45 (Eucla) o UTC+12:45 (islas Chatham).
• Tarjetas de día y de noche: Cada tarjeta se ve clara mientras allí hay sol y oscura en cuanto se pone, y eso se lee antes que los propios números.
• Resalta ciudades en el mapa: Pasa el ratón por una tarjeta para iluminar su marcador en el mapa. Con un clic se queda fijo, y con un clic en cualquier sitio que no sea una tarjeta se suelta.
• Ordena arrastrando: Arrastra una tarjeta con el ratón para cambiarla de sitio. El orden se guarda solo.
• Cambio de hora automático: Cada ciudad lleva asignada una zona IANA (por ejemplo, America/New_York), así que el navegador aplica el horario de verano por ti y no tienes que tocar nada dos veces al año.
• Funciona en cualquier dispositivo: En el ordenador tienes el mapa completo y puedes arrastrar tarjetas. En el móvil el mapa es solo para mirar y las tarjetas van en una sola columna.
• 8 colores de tema: Oscuro, Claro, Rojo, Turquesa, Azul, Morado, Verde y Pizarra. Al cambiar de tema cambia también el color del mapa, no solo el fondo.
• Sigue funcionando si se corta internet: Con la página ya abierta, las horas y la sombra del mapa se siguen actualizando sin conexión. Para recargar la página sí hace falta internet, porque el mapa y la lista de ciudades se descargan al abrirla.

Cómo usar el reloj mundial

Paso 1: Añade una ciudad

En el ordenador, escribe el nombre de una ciudad en el buscador de la esquina superior izquierda del mapa. En el móvil, el buscador está encima de las tarjetas. Según escribes, aparece una lista con las ciudades que coinciden y basta un clic para añadir una. También puedes usar el teclado: las flechas recorren la lista y Enter añade la ciudad marcada.

Paso 2: Lee la hora local

Cada ciudad que añades aparece en dos sitios: un pequeño marcador en el mapa y una tarjeta debajo. La tarjeta muestra la ciudad, el país, la hora local y la fecha de hoy. Si la tarjeta es clara, allí es de día. Si es oscura, allí ya se ha puesto el sol.

Paso 3: Señala una ciudad en el mapa

Pasa el ratón por una tarjeta y su marcador se ilumina en el mapa, con una etiqueta que muestra su nombre y su hora. Si haces clic en la tarjeta, el marcador se queda iluminado y la página sube hasta el mapa para que lo veas. Un clic en otra tarjeta pasa el resaltado a esa ciudad; un clic en cualquier otro sitio, incluido el propio mapa, lo quita. Pasar el ratón por el marcador del mapa hace lo mismo que pasarlo por la tarjeta.

Paso 4: Reordena arrastrando

Mantén pulsada una tarjeta con el ratón, arrástrala a donde quieras y suéltala. El nuevo orden se guarda al momento. Así es fácil poner tu ciudad la primera y agrupar las demás por regiones.

Paso 5: Elimina una ciudad

Pasa el ratón por una tarjeta y aparece un pequeño botón × en la esquina superior izquierda. Haz clic en él para quitar la tarjeta y su marcador del mapa. En el móvil, la × se ve siempre.

Cuándo usar un reloj mundial online

Equipos que trabajan en remoto

Si tu equipo está repartido por varios países, mirar un reloj mundial es más rápido que hacer cuentas de cabeza, y nadie quiere escribirle a un compañero a las 3 de la madrugada de su hora. Añade las ciudades donde vive cada uno y sabrás de un vistazo quién está trabajando y quién ya ha terminado.

Organizar llamadas internacionales

Ciudad de México va 7 u 8 horas por detrás de Madrid según la época del año: las 17:00 de Madrid son las 9:00 en México con el horario de verano y las 10:00 con el de invierno. En vez de echar la cuenta, añade las dos ciudades y lee las dos horas. El color de las tarjetas te dice además en qué lado es de día.

Familia y amigos en el extranjero

«¿Qué hora es ahora donde vive mi madre?» Añade su ciudad una vez y la hora de allí estará siempre a la vista, sin sumar ni restar horas.

Planificar viajes

Antes de volar, añade la ciudad de destino y ve haciéndote a su horario. Al llegar, ver a la vez la hora de casa y la del sitio donde estás ayuda a llevar mejor el jet lag.

Bolsa y mercados

Las bolsas publican su horario en la hora local de su ciudad. Wall Street abre a las 9:30 de Nueva York, que en España suelen ser las 15:30, y la Bolsa de Tokio abre a las 9:00 de allí. Añade esas ciudades y verás siempre la hora correcta, con el cambio de hora ya incluido.

Deportes, esports y retransmisiones en directo

¿A qué hora es el partido aquí? Si un partido de LaLiga empieza a las 21:00 hora española y vives en Bogotá, añade Madrid y Bogotá y verás las dos horas juntas: allí serán las 14:00 o las 15:00, según la época del año.

Cómo funciona el reloj mundial por dentro

• El mapa es un único SVG dibujado con D3.js a partir de un archivo GeoJSON con las fronteras de los países. Usa una proyección equirrectangular, en la que la latitud y la longitud forman una cuadrícula plana, así que colocar los marcadores es inmediato: cada coordenada pasa tal cual a píxeles.
• La sombra de la noche se dibuja como un círculo de 90° alrededor del punto antisolar, el punto de la Tierra justo opuesto al Sol. Para situarlo bastan dos fórmulas solares clásicas, la declinación y la ecuación del tiempo, y el reloj UTC de tu equipo. Se actualiza una vez por minuto.
• Cada ciudad lleva asignada una zona horaria IANA. El paso de UTC a hora local lo hace el propio navegador con Intl.DateTimeFormat({ timeZone: ... }), así que las reglas del horario de verano salen de la base de datos tz del navegador y están al día mientras el navegador lo esté.
• Las ciudades elegidas, su orden y tu tema se guardan en localStorage. La lista de ciudades no se envía a ningún servidor.

Trucos y consejos

• Puedes buscar por país: escribe «España» y aparecen Madrid, Barcelona, Ceuta y las Islas Canarias.
• Agrupa las ciudades por regiones: primero las de Europa, luego las de América y luego las de Asia. La cuadrícula se reparte sola y así se lee más rápido.
• Si compartes pantalla en una videollamada, haz clic en una tarjeta para que su marcador se quede encendido en el mapa. Así los demás ven exactamente de qué ciudad hablas.
• La sombra del mapa es real. La parte oscura es la mitad de la Tierra donde ahora es de noche, y su borde es la línea donde está amaneciendo o anocheciendo. Un marcador justo dentro de la sombra acaba de ver la puesta de sol o está a punto de ver amanecer.
• Haz clic en el buscador antes de escribir. Con la casilla vacía ya salen ciudades populares, así que añadir Ciudad de México o Toronto es un solo clic.

Preguntas frecuentes