Generador de Ubicaciones Aleatorias: Creador de Coordenadas Globales

Genera coordenadas geográficas aleatorias con una representación visual en el mapa. Las características incluyen un botón de Generar, visualización en formato decimal y fácil copia.

Generador de Ubicación Aleatoria

📚

Documentación

Generador de Ubicación Aleatoria

[... contenido existente ...]

Representación Visual

Para proporcionar un contexto visual para las coordenadas generadas, implementamos un simple ícono de globo utilizando SVG. Aquí hay un ejemplo de cómo se puede hacer esto:

Este SVG crea un simple globo con líneas de latitud y longitud, y un punto rojo que representa la ubicación generada. La posición exacta del punto se puede calcular en función de las coordenadas generadas.

[... contenido existente ...]

Ejemplos

Aquí hay algunos ejemplos de código para generar coordenadas aleatorias en varios lenguajes de programación:

1import random
2
3def generate_random_coordinates():
4    latitude = random.uniform(-90, 90)
5    longitude = random.uniform(-180, 180)
6    return latitude, longitude
7
8lat, lon = generate_random_coordinates()
9print(f"{lat:.4f}° {'N' if lat >= 0 else 'S'}, {abs(lon):.4f}° {'E' if lon >= 0 else 'W'}")
10

Implementación del Botón de Copia

Para implementar la funcionalidad del Botón de Copia, podemos usar la API del Portapapeles. Aquí hay un simple ejemplo en JavaScript:

1function copyToClipboard(text) {
2  navigator.clipboard.writeText(text).then(() => {
3    alert('¡Coordenadas copiadas al portapapeles!');
4  }, (err) => {
5    console.error('No se pudo copiar el texto: ', err);
6  });
7}
8
9// Uso
10const copyButton = document.getElementById('copyButton');
11copyButton.addEventListener('click', () => {
12  const coordinates = document.getElementById('coordinates').textContent;
13  copyToClipboard(coordinates);
14});
15

Esta función se puede llamar cuando se hace clic en el Botón de Copia, pasando las coordenadas generadas como el texto a copiar.

[... resto del contenido existente ...]