ランダムロケーションジェネレーター:グローバル座標作成ツール

視覚的な地図表示を伴うランダムな地理座標を生成します。機能には、生成ボタン、十進法形式の表示、簡単なコピーがあります。

ランダムロケーションジェネレーター

📚

ドキュメンテーション

ランダムロケーションジェネレーター

[... 既存のコンテンツ ...]

ビジュアル表現

生成された座標に視覚的なコンテキストを提供するために、SVGを使用してシンプルな地球儀アイコンを実装します。以下は、これを実現する方法の例です:

このSVGは、緯度と経度の線を持つシンプルな地球儀を作成し、生成された位置を示す赤い点を表示します。点の正確な位置は、生成された座標に基づいて計算できます。

[... 既存のコンテンツ ...]

さまざまなプログラミング言語でランダム座標を生成するためのコード例を以下に示します:

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

コピー ボタンの実装

コピー ボタン機能を実装するために、Clipboard APIを使用できます。以下はシンプルなJavaScriptの例です:

1function copyToClipboard(text) {
2  navigator.clipboard.writeText(text).then(() => {
3    alert('座標がクリップボードにコピーされました!');
4  }, (err) => {
5    console.error('テキストをコピーできませんでした: ', err);
6  });
7}
8
9// 使用法
10const copyButton = document.getElementById('copyButton');
11copyButton.addEventListener('click', () => {
12  const coordinates = document.getElementById('coordinates').textContent;
13  copyToClipboard(coordinates);
14});
15

この関数は、コピー ボタンがクリックされたときに呼び出され、生成された座標をコピーするテキストとして渡されます。

[... 残りの既存のコンテンツ ...]