Willekeurige Locatie Generator: Wereldwijde Coördinatenmaker

Genereer willekeurige geografische coördinaten met een visuele kaartweergave. Kenmerken zijn onder andere een Genereer-knop, weergave in decimale notatie en eenvoudig kopiëren.

Willekeurige Locatie Generator

📚

Documentatie

Willekeurige Locatie Generator

[... bestaande inhoud ...]

Visuele Weergave

Om een visuele context te bieden voor de gegenereerde coördinaten, implementeren we een eenvoudig globe-icoon met behulp van SVG. Hier is een voorbeeld van hoe dit kan worden gedaan:

Deze SVG creëert een eenvoudige globe met breedte- en lengtegraadlijnen, en een rode stip die de gegenereerde locatie vertegenwoordigt. De exacte positie van de stip kan worden berekend op basis van de gegenereerde coördinaten.

[... bestaande inhoud ...]

Voorbeelden

Hier zijn enkele codevoorbeelden voor het genereren van willekeurige coördinaten in verschillende programmeertalen:

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 'Z'}, {abs(lon):.4f}° {'O' if lon >= 0 else 'W'}")
10

Kopieerknop Implementatie

Om de functionaliteit van de Kopieerknop te implementeren, kunnen we de Clipboard API gebruiken. Hier is een eenvoudig JavaScript-voorbeeld:

1function copyToClipboard(text) {
2  navigator.clipboard.writeText(text).then(() => {
3    alert('Coördinaten gekopieerd naar het klembord!');
4  }, (err) => {
5    console.error('Kon tekst niet kopiëren: ', err);
6  });
7}
8
9// Gebruik
10const copyButton = document.getElementById('copyButton');
11copyButton.addEventListener('click', () => {
12  const coordinates = document.getElementById('coordinates').textContent;
13  copyToClipboard(coordinates);
14});
15

Deze functie kan worden aangeroepen wanneer de Kopieerknop wordt geklikt, waarbij de gegenereerde coördinaten als tekst om te kopiëren worden doorgegeven.

[... rest van de bestaande inhoud ...]