AnyTools
🗺️

GeoJSON エディター

インタラクティブマップで GeoJSON データを作成、編集、可視化します。ポイント、ライン、ポリゴンを描画し、座標を編集し、地理データをエクスポートします。

Loading map...
フィーチャ数: 0

❓GeoJSON とは？

GeoJSON は、JSON を使用して地理データ構造をエンコードする形式です。Point、LineString、Polygon、MultiPoint、MultiLineString、MultiPolygon、GeometryCollection タイプをサポートしています。GeoJSON は、Web マッピングアプリケーション、GIS ソフトウェア、地理データ API で広く使用されています。プロパティと座標を持つ地理フィーチャを表現するための、シンプルで人間が読みやすい形式を提供します。

✨機能

🗺️

インタラクティブマップ

Leaflet を搭載したインタラクティブマップで地理データを可視化し、操作します。パン、ズーム、GeoJSON フィーチャを探索します。
✏️

フィーチャを描画

マップ上で直接ポイント、ライン、ポリゴンを描画します。Point、LineString、Polygon およびそれらの Multi バリアントをサポートします。
🔧

フィーチャを編集

頂点をドラッグし、座標を変更し、プロパティを更新して既存のフィーチャを編集します。不要なフィーチャをワンクリックで削除します。
📝

JSON エディターとリアルタイム同期

シンタックスハイライト付きで GeoJSON コードを直接編集します。マップ、JSON エディター、またはテーブルビューでの変更がすべてのビュー間で自動的に同期され、シームレスな編集が可能です。
🎯

アプリケーションシナリオ

🌍

GIS アプリケーション

GIS アプリケーション、マッピングサービス、空間解析ツール用の地理データを作成および編集します。
🗺️

Web マッピング

Leaflet、Mapbox、Google Maps API などの Web マッピングライブラリ用の GeoJSON データを生成します。
📍

位置情報サービス

位置情報ベースのサービスのサービスエリア、配送ゾーン、地理的境界を定義します。
📊

データ可視化

データ可視化、コロプレスマップ、インタラクティブダッシュボード用の地理データセットを作成します。

📋使用方法

1️⃣
フィーチャを描画
描画ボタン（ポイント、ライン、ポリゴン）をクリックし、マップ上をクリックしてフィーチャを作成します。
2️⃣
フィーチャを編集
"編集モード"をクリックし、頂点をドラッグしてフィーチャの形状を変更します。"削除モード"をクリックしてフィーチャを削除します。
3️⃣
JSON を編集
JSON エディタータブに切り替えて GeoJSON コードを直接編集します。変更はマップと自動的に同期されます。
4️⃣
データをエクスポート
"名前を付けて保存"をクリックして GeoJSON ファイルをダウンロードするか、"GeoJSON をコピー"をクリックしてクリップボードにコピーします。

📚技術紹介

🔬GeoJSON 形式仕様

GeoJSON は JSON ベースで、RFC 7946 仕様に準拠しています。WGS84 座標参照システム（CRS:84）を使用します。座標は [経度、緯度] 配列として保存されます。この形式は FeatureCollection（フィーチャの配列）、Feature（ジオメトリ + プロパティ）、Geometry オブジェクトをサポートします。各ジオメトリには 'type' フィールド（Point、LineString、Polygon など）と座標配列を含む 'coordinates' フィールドがあります。

⚙️Leaflet 統合

エディターは、インタラクティブマップ用のオープンソース JavaScript ライブラリである Leaflet.js を使用します。Leaflet は、マップレンダリング、タイルレイヤー（OpenStreetMap）、インタラクションコントロールを提供します。leaflet-draw プラグインは、マップ上でフィーチャを描画および編集できるようにします。フィーチャは Leaflet レイヤー（Marker、Polyline、Polygon）としてレンダリングされ、GeoJSON データ構造と同期されます。

🎨リアルタイム同期

エディターは、マップ可視化、JSON コード、テーブルビュー間で双方向同期を維持します。マップ上でフィーチャが描画されると、GeoJSON が更新されます。JSON が編集されると、マップが再レンダリングされます。テーブルビューでの変更は、マップと JSON の両方を更新します。これは、イベントリスナーと React フックを使用した状態管理を通じて実現されます。

💡座標系と検証

GeoJSON は WGS84（EPSG:4326）座標系を使用します。経度は -180 から 180、緯度は -90 から 90 の範囲です。エディターは座標を検証し、ポリゴンが閉じていること（最初と最後の座標が一致）を確認し、GeoJSON 構造を検証します。無効なジオメトリはエラーメッセージとともに拒否され、データの破損を防ぎます。
❓

よくある質問

❓

GeoJSON とは何ですか？何に使用されますか？

GeoJSON は、地理データ構造をエンコードするための JSON ベースの形式です。次の用途に使用されます：1) Web マッピングアプリケーション（Leaflet、Mapbox、Google Maps）；2) GIS ソフトウェアのデータ交換；3) 地理 API とサービス；4) データ可視化とダッシュボード；5) 位置情報ベースのサービス；6) 空間解析と地理空間データベース。GeoJSON は人間が読みやすく、解析が容易で、プラットフォーム間で広くサポートされています。
💬

GeoJSON はどの座標系を使用しますか？

GeoJSON は WGS84（世界測地系 1984）座標参照システムを使用します。これは EPSG:4326 とも呼ばれます。座標は [経度、緯度] 配列として保存されます。経度は -180°（西）から 180°（東）、緯度は -90°（南）から 90°（北）の範囲です。これは GPS とほとんどの Web マッピングサービスで使用される座標系と同じです。
🔍

マップ上でポリゴンを描画するにはどうすればよいですか？

"ポリゴンを描画"ボタンをクリックし、マップ上をクリックして頂点を配置します。最初のポイントを再度クリックするか、ダブルクリックしてポリゴンを完成させます。"編集モード"をクリックして頂点をドラッグすることで、ポリゴンを編集できます。削除するには、"削除モード"をクリックしてフィーチャをクリックします。
💡

既存の GeoJSON ファイルをインポートできますか？

はい、"開く"ボタンをクリックし、コンピューターから GeoJSON ファイルを選択します。ファイルが読み込まれ、マップに表示されます。サポート形式：有効な GeoJSON データを含む .geojson、.json ファイル。エディターはインポート前にファイル形式を検証します。
📚

データはサーバーに保存されますか？

いいえ、すべての処理はブラウザでローカルに実行されます。GeoJSON データがサーバーにアップロードされることはなく、完全なプライバシーとデータセキュリティが確保されます。初期ページ読み込み後、オフラインで作業できます。

💡How To & Tips

✅

ベストプラクティス：エクスポート前に常に GeoJSON を検証

GeoJSON が仕様に準拠し、座標が有効な範囲内にあることを確認します。
✅

ベストプラクティス：意味のあるプロパティ名を使用

データの整理とフィルタリングを改善するために、フィーチャに説明的なプロパティを追加します。
✅

ベストプラクティス：ポリゴンを閉じたままにする

ポリゴン座標が閉じたリングを形成することを確認します（最初と最後の座標が一致）。

🔗Related Documents

📖RFC 7946 - GeoJSON 形式-公式 GeoJSON 仕様
🗺️Leaflet.js ドキュメント-インタラクティブマップライブラリドキュメント
🌍GeoJSON.io-オンライン GeoJSON エディターリファレンス
📚OpenStreetMap-無料マップタイルと地理データ

User Comments

0 / 2000
Loading...