Générateur de Lieux Aléatoires : Créateur de Coordonnées Globales

Générez des coordonnées géographiques aléatoires avec une représentation visuelle sur une carte. Les fonctionnalités incluent un bouton Générer, un affichage au format décimal et un copier-coller facile.

Générateur de lieux aléatoires

📚

Documentation

Générateur de Localisation Aléatoire

[... contenu existant ...]

Représentation Visuelle

Pour fournir un contexte visuel pour les coordonnées générées, nous implémentons une simple icône de globe à l'aide de SVG. Voici un exemple de la façon dont cela peut être fait :

Ce SVG crée un simple globe avec des lignes de latitude et de longitude, et un point rouge représentant l'emplacement généré. La position exacte du point peut être calculée en fonction des coordonnées générées.

[... contenu existant ...]

Exemples

Voici quelques exemples de code pour générer des coordonnées aléatoires dans divers langages de programmation :

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

Mise en œuvre du Bouton Copier

Pour mettre en œuvre la fonctionnalité du Bouton Copier, nous pouvons utiliser l'API Clipboard. Voici un simple exemple en JavaScript :

1function copyToClipboard(text) {
2  navigator.clipboard.writeText(text).then(() => {
3    alert('Coordonnées copiées dans le presse-papiers !');
4  }, (err) => {
5    console.error('Impossible de copier le texte : ', err);
6  });
7}
8
9// Utilisation
10const copyButton = document.getElementById('copyButton');
11copyButton.addEventListener('click', () => {
12  const coordinates = document.getElementById('coordinates').textContent;
13  copyToClipboard(coordinates);
14});
15

Cette fonction peut être appelée lorsque le Bouton Copier est cliqué, en passant les coordonnées générées comme texte à copier.

[... reste du contenu existant ...]