Generador de Localitzacions Aleatòries: Creador de Coordenades Globals

Genera coordenades geogràfiques aleatòries amb una representació visual del mapa. Les característiques inclouen un botó de Generar, visualització en format decimal i còpia fàcil.

Generador de Localitzacions Aleatòries

📚

Documentació

Generador de Localitzacions Aleatòries

[... contingut existent ...]

Representació Visual

Per proporcionar un context visual per a les coordenades generades, implementem una icona simple de globe utilitzant SVG. Aquí teniu un exemple de com es pot fer:

Aquesta SVG crea un globe simple amb línies de latitud i longitud, i un punt vermell que representa la localització generada. La posició exacta del punt es pot calcular en funció de les coordenades generades.

[... contingut existent ...]

Exemples

Aquí teniu alguns exemples de codi per generar coordenades aleatòries en diversos llenguatges de programació:

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ó del Botó de Copia

Per implementar la funcionalitat del Botó de Copia, podem utilitzar l'API del Portapapers. Aquí teniu un exemple senzill en JavaScript:

1function copyToClipboard(text) {
2  navigator.clipboard.writeText(text).then(() => {
3    alert('Coordenades copiades al portapapers!');
4  }, (err) => {
5    console.error('No s\'ha pogut copiar el text: ', err);
6  });
7}
8
9// Ús
10const copyButton = document.getElementById('copyButton');
11copyButton.addEventListener('click', () => {
12  const coordinates = document.getElementById('coordinates').textContent;
13  copyToClipboard(coordinates);
14});
15

Aquesta funció es pot cridar quan es fa clic al Botó de Copia, passant les coordenades generades com el text a copiar.

[... resta del contingut existent ...]