GeoJSON ビューアー — GeoJSONデータをオンラインで表示・スタイル設定・確認

.geojsonファイルをアップロードするか、地図上にドラッグ&ドロップするか、GeoJSONの生テキストを貼り付けると、すべてのポイント、ライン、ポリゴンがすぐに表示されます。フィーチャをクリックすると属性を確認でき、色、線の太さ、塗りつぶしを変更して、スタイル設定済みのコピーをダウンロードできます — 追加のプログラムは不要で、ブラウザ内で高速に動作します。全画面で開く ↗

GeoJSONとは何か、ビューアーを使う理由

GeoJSONは、ポイント、ライン、ポリゴンといった地図上の形状を、それぞれに付随するプロパティとともに保存するための、シンプルでオープンなテキスト形式です。現代のほとんどのウェブ地図、GitHubの組み込み地図プレビュー、そして数え切れないほどのGISや開発者向けツールの背後にある形式です。しかし生のGeoJSONファイルは、単なるテキストにすぎません — 何百、何千という座標の数字が並んでいるだけです。このビューアーは、そのテキストを実際に見て、クリックして、理解できる地図に変換します。コードエディタやフル機能のデスクトップGISソフトを開く必要はありません。

クリックしてフィーチャ情報を確認

地図上のポイント、ライン、ポリゴンをクリックすると、そのフィーチャに付随するすべてのプロパティ — 名前、カテゴリ、数値、日付など、データに保存されているあらゆる情報 — を示すポップアップが開きます。クリックしたフィーチャは明るいアウトラインでハイライト表示されるため、形状が密集し重なり合ったデータセットでも、ポップアップがどの形状のものかを常にはっきりと確認できます。

このツールがデータを読み込む仕組み

ファイルを読み込む、ドロップする、またはテキストを貼り付けると、ツールはすぐにGeoJSONの構造を読み取り、すべてのフィーチャを地図上に配置し、全体が一度に表示されるように表示範囲を調整します。どこにもアップロードされることはありません — 読み込み、描画、スタイル設定はすべて、あなた自身のブラウザタブの中で行われます。

有効なGeoJSONとみなされる条件

このツールは、FeatureCollection、単一のFeature、または単独のGeometry(Point、LineString、Polygon、それぞれのMulti-バージョン、そしてGeometryCollection)を受け付けます。テキストが有効なJSONでない場合、または有効なJSONではあってもGeoJSONではない場合は、空白の地図が表示される代わりに、どちらの問題であるかを明確に説明するメッセージが表示されます。

座標がWGS84でなければならない理由

GeoJSONの標準規格では、座標はWGS84の経度・緯度で表す必要があります — これはGPSやあらゆる通常のウェブ地図で使われているのと同じ方式です。一部のエクスポートツールでは、誤って別の「投影」座標系でGeoJSONを保存してしまうことがあり、通常の経度・緯度の値ではなく、数十万という桁の数字になっている場合があります。このツールは、通常の範囲を大きく外れた座標を検出すると、すぐに警告を表示します。そのため、空白の地図や、位置がおかしな地図を見て困惑することがありません。

手順

ステップ 1

ツールを開く

地図はまだデータのない世界表示で開きます。上部のツールバーには、Upload、Paste GeoJSON、Sample Data、そしてベースマップ切り替えがあります。サイドバーには、データ情報、スタイルコントロール、エクスポートボタンがあります。

ステップ 2

GeoJSONを読み込む

ファイルをアップロードする、地図上にドラッグ&ドロップする、GeoJSONの生テキストを貼り付ける、またはすぐにツールを試したい場合は「Sample Data」をクリックします。

ステップ 3

地図が自動でズームするのを確認

データが読み込まれると、地図は自動的にズームとパンを行い、すべてのフィーチャを一度に表示します。

ステップ 4

フィーチャをクリック

ポイント、ライン、ポリゴンをクリックすると、そのすべてのプロパティを含むポップアップが開きます。クリックした形状は明るいハイライトのアウトラインが付くため、見つけやすくなります。

ステップ 5

データ情報パネルを確認

サイドバーには、フィーチャ数、検出されたジオメトリタイプ(Point、Line、Polygon、またはその組み合わせ)、データ内の属性フィールド名が表示されます。

ステップ 6

色を変更

スワッチを選ぶか、カラーピッカーを使うと、地図上のすべてのフィーチャの色を一度に変更できます。

ステップ 7

太さと塗りつぶしを調整

「線の太さ」と「塗りつぶしの不透明度」のスライダーを使って、スタイルを大胆にするか控えめにするか、細かく調整できます。

ステップ 8

いつでもフィーチャにズーム

サイドバーの「Zoom to Features」をクリックすると、どこにパンしていても、表示をデータの位置まで一気に戻せます。

ステップ 9

スタイル設定済みファイルをダウンロード

「Download Styled GeoJSON」をクリックすると、選んだ色とスタイルが書き込まれた状態のデータのコピーを保存できます。

実際の活用例

GeoJSONビューアーは、地図関連のワークフローの中で最もよく使われるツールの一つです。具体的にどのような場面で役立つかを紹介します。

🏗️

建設・敷地計画

敷地計画担当者や測量士は、現場のソフトウェアからGeoJSONとしてエクスポートされた区画境界線、公共設備のライン、測量ポイントを表示し、会議や許認可申請の前に、敷地の形状と付随するメモを確認します。

🌐

ウェブ地図の開発

フロントエンドやGISの開発者は、LeafletやMapbox GL JSなどの地図ライブラリに組み込む前に、GeoJSONファイルの正確な形状、位置、プロパティ名を確認し、不正なジオメトリが本番コードに混入する前に発見します。

🧪

APIとジオコーディングのテスト

開発者は、ジオコーディング、ルーティング、空間APIから返された生のGeoJSONレスポンスをそのままツールに貼り付け、テストコードを書くことなく、APIが正しい形状を正しい位置に返したかを視覚的に確認します。

📰

データジャーナリズム

ジャーナリストや報道機関のデータチームは、政府のオープンデータポータルや公文書開示請求で入手したGeoJSONファイルを素早くプレビューし、記事用の地図を作る前に、情報源が主張していた内容が実際に含まれているかを確認します。

🚚

物流と配送計画

運用チームは、ルーティングシステムからGeoJSONとしてエクスポートされた配送ルート、サービスエリア、拠点の位置を表示し、各ルートをクリックして、タイミングや車両の詳細情報が正しく付随しているかを確認します。

🎓

GISの教育と学習

学生や独学でGISを学ぶ人は、サンプルのGeoJSONファイルを開いて、座標、ジオメトリタイプ、プロパティがどのように組み合わさっているかを正確に確認します。クリックして詳細を見られるポップアップを使い、実際に手を動かしながらこの形式を学べます。

🏛️

オープンデータと政府ポータル

シビックテックのチームやオープンデータの公開担当者は、地区の境界線、ゾーニングレイヤー、交通ルートなどのGeoJSONエクスポートを、一般公開してダウンロード可能にする前に、正確性と完全性の観点で抜き取り確認します。

🛰️

衛星・ドローンデータのQA

リモートセンシングやドローンマッピングのチームは、解析パイプラインから出力されたGeoJSONの撮影範囲、飛行経路、検出物体のアウトラインを確認し、クライアントにデータを引き渡す前に座標とプロパティをチェックします。

データを読み込む3つの方法

自分にとって一番早い方法で、GeoJSONを地図に読み込みましょう。

アップロードまたはドラッグ&ドロップ: 「Upload」をクリックして.geojsonまたは.jsonファイルを選択するか、ファイルをファイルブラウザから直接地図上にドラッグします。
GeoJSONの生テキストを貼り付け: 「Paste GeoJSON」をクリックし、APIレスポンス、コードエディタ、またはgeojson.ioのようなツールからコピーしたテキストを貼り付けて、「Load」をクリックします。ファイルは一切必要ありません。

まだデータがない場合は、「Sample Data」をクリックしてください。公園のポリゴン、配送ルートのライン、2つのポイント位置を含む小さなデモデータが読み込まれ、クリック、色の変更、エクスポートをすぐに試せます。

よくある質問

「Download Styled GeoJSON」は、実際にファイルに何を追加しますか?

現在の色とスタイルの設定を使って、simplestyle-specのプロパティ — stroke、fill、stroke-width、fill-opacity、marker-color — を各フィーチャに追加します。GitHubやgeojson.ioなど、simplestyleに対応したツールであれば、同じ色でファイルを自動的に表示してくれます。

1つのファイルにジオメトリタイプが混在している場合、どうなりますか?

ポイント、ライン、ポリゴンはすべて同じファイルに含めることができ、まとめて表示されます。それぞれ、ジオメトリに応じた見た目でスタイル設定されます(ポリゴンは塗りつぶされた形状、ラインは色付きの線、ポイントは円形のマーカー)。データ情報パネルには、検出されたすべてのジオメトリタイプが一覧表示されます。

FeatureCollectionだけでなく、FeatureやGeometry単体も表示できますか?

できます。このツールは、完全なFeatureCollection、単一のFeature、または単独のGeometryオブジェクトのいずれも受け付け、どれを渡しても同じように地図上に表示されるようラップします。

GISやGeoJSONについて詳しくなくても、このツールを使えますか?

使えます。「Sample Data」をクリックすると、動作する例をすぐに確認できます。自分のファイルを試す前に、サンプルのフィーチャをクリックしてみて、ポップアップとプロパティがどのように機能するかを確認してみてください。

GeoJSONを簡単に言うと何ですか?

GeoJSONは、ポイント、ライン、ポリゴンといった地図上の形状を、名前やカテゴリ、数値といった付随情報とともに保存するためのプレーンテキスト形式です。オンラインで地図データを共有する際に、最も広く使われている形式の一つです。

色を変更すると、元のファイルが編集されますか?

いいえ。色、線の太さ、塗りつぶしの不透明度は、ビューアーの中だけに適用されます。「Download Styled GeoJSON」をクリックして、スタイルを含んだ新しい別のコピーを保存しない限り、元のファイルはそのままの状態を保ちます。

フィーチャをクリックすることがなぜそれほど重要なのですか?

地図上の形状は、何かがどこにあるかを示しているだけです。クリックしてプロパティを読むことで、それが何であるかがわかります — 形状の本当の価値は、たいていアウトラインそのものではなく、そこに付随するデータにあります。

なぜファイルが無効として拒否されるのですか?

これは次の2つの理由のいずれかによって起こります。テキストがそもそも有効なJSONではない(括弧、引用符、カンマの欠落など)場合、または有効なJSONではあるものの、GeoJSONのFeature、FeatureCollection、Geometryのいずれでもない場合です。エラーメッセージには、どちらに当てはまるかが表示されます。

GeoJSONデータはサーバーに送信されますか?

いいえ。ファイルの読み込み、地図への描画、スタイル設定は、すべてブラウザ内でローカルに行われます。どこにもアップロードや保存はされないため、非公開または機密性の高い位置データを扱う場合でも安心して使えます。

どのくらいの大きさのファイルまで読み込めますか?

50MBまでのファイルに対応しています。数万件のフィーチャを含む非常に大きなファイルの場合、すべてサーバーではなくブラウザ内で処理されるため、描画やスムーズなパン操作に少し時間がかかることがあります。

ファイルをアップロードする代わりに、GeoJSONを貼り付けることはできますか?

できます。ツールバーの「Paste GeoJSON」をクリックし、APIレスポンス、コードエディタ、チャットメッセージなど、どこからコピーしたテキストでも貼り付けて、「Load」をクリックしてください。デバイス上にファイルが存在している必要は一切ありません。

座標に関する警告とともにファイルが読み込まれたのはなぜですか?

GeoJSONはWGS84の経度・緯度を使用する必要があります。ファイル内の数字が数十万の桁になっている場合(一部のGISソフトウェアで使われる投影座標系でよく見られます)、その座標は通常の地図上に正しく配置されないため、ツールが警告を表示します。

スタイル設定済みGeoJSONのエクスポート

「Download Styled GeoJSON」をクリックすると、現在の色、線の太さ、塗りつぶしの不透明度が、simplestyle-specのプロパティ名(stroke、fill、stroke-width、fill-opacity、marker-color)を使って各フィーチャに書き込まれた状態でデータを保存できます。GitHubの地図プレビューやgeojson.ioなど、simplestyleに対応したツールであれば、スタイル設定が自動的に反映されます — ここで選んだ色は、ファイルと一緒に持ち運べます。