Open Hinata 3

地図スタイルレイヤー

ラベル編集・ブレンドモード・地理院地図スタイル・
ベクトルタイルのカスタマイズ

OH3を開いて試す
🗺️

地図スタイルレイヤーとは

地図スタイルレイヤーは、地図の見た目をカスタマイズするレイヤー群です。MapLibre GL JSのスタイル機能を活用し、ラベルの表示/非表示、レイヤーのブレンドモード変更、地理院地図のスタイル切替、ベクトルタイルのカスタマイズが可能です。

主な機能
  • ラベル編集 — OSMベースの地図ラベル(地名・道路名等)を個別に表示/非表示制御
  • ブレンドモード — レイヤーの合成方法を変更(multiply, screen, overlay等)
  • 地理院地図スタイル — 国土地理院の地図スタイル(基本・モノクロ・ダーク)に切替
  • ベクトルタイル — 高速描画・スタイルカスタマイズ可能な地理院ベクトルタイル
  • 空中写真 — 年代別・機関別の国土地理院空中写真

これらの機能を組み合わせることで、用途に応じた最適な地図表現を実現できます。

🏷️
Section 2

ラベル編集(extLabelOnly)

OSMベースの地図ラベルを個別に表示/非表示制御する機能です。道路名だけ表示、地名だけ非表示など、細かくカスタマイズできます。

主な機能

テキスト検索 レイヤー名で絞り込み。例: "road"で道路関連レイヤーのみ表示
一括表示/非表示 「すべて表示」「すべて非表示」ボタンで全レイヤーを一括操作
Text/Iconチップ 各レイヤーにText(テキストラベル)とIcon(アイコン)のチップ表示
個別可視性トグル 各レイヤーの目アイコンをクリックで個別ON/OFF
リセット機能 「リセット」ボタンで初期状態に戻す
使い方のコツ

主題図を作成する際は、まず「すべて非表示」で全ラベルを消してから、必要なレイヤーだけを個別に表示すると効率的です。例えば「road」で道路網だけ表示し、地名は非表示にすることで、ルート図が見やすくなります。

🎨
Section 3

ブレンドモード(extBlend)

レイヤーの合成方法を変更する機能です。航空写真と地図を重ね合わせたり、色調を調整したりできます。

利用可能なブレンドモード

モード効果用途
normal通常合成(デフォルト)通常表示
multiply乗算(暗くなる)航空写真に地図を重ねて地名を読みやすく
screenスクリーン(明るくなる)暗い地図を明るく
overlayオーバーレイ(コントラスト強調)地図の色を鮮やかに
darken比較(暗)暗い部分を強調
lighten比較(明)明るい部分を強調

操作方法

レイヤーを選択 ブレンドモードを適用したいレイヤーをリストから選択
モードを選択 ドロップダウンから合成方法を選択(multiply, screen等)
レイヤー名をカスタマイズ 表示名を変更して、わかりやすい名前に
更新ボタンで適用 「更新」ボタンをクリックして変更を反映
実例: 航空写真と地図の重ね合わせ

航空写真レイヤーの上に地図レイヤーを重ね、地図レイヤーのブレンドモードを「multiply」に設定すると、写真の地形と地図のラベルが融合した見やすい地図になります。道路名や地名を確認しながら、実際の地形を把握できます。

🗾
Section 4

地理院地図スタイル(extChiriin)

国土地理院の地図スタイルを切り替える機能です。基本スタイル、モノクロ、ダークの3種類があり、用途に応じて選択できます。

3つのスタイル

スタイル特徴用途
基本国土地理院の標準スタイル一般的な地図表示
モノクロ白黒表示で主題図の背景に最適データ可視化、印刷物
ダーク暗い背景で目に優しい夜間作業、プレゼン

DXFエクスポート機能(CAD連携)

地理院地図スタイルからDXF形式でエクスポートでき、AutoCADやJw_cadなどのCADソフトで背景図として利用できます。

座標系を選択 世界測地系、日本測地系、平面直角座標系から選択
レイヤー別表示ON/OFF 建物、道路、鉄道など、必要なレイヤーだけを選択
DXF出力 「DXF出力」ボタンでファイルをダウンロード
CADで読み込み AutoCAD、Jw_cad等でDXFファイルを開く
建築・土木設計での活用

DXFエクスポート機能を使うと、OH3で表示した範囲の地図データを正確な座標付きでCADに取り込めます。現況図や配置図の背景として活用でき、測量データとの重ね合わせも可能です。

Section 5

GSIベクトルタイル(extGsiBvmap)

国土地理院のベクトルタイルを表示する機能です。ラスタータイル(画像)と違い、高速描画とスタイルのカスタマイズが可能です。

ベクトルタイルの利点
  • 高速描画 — データ量が少なく、ズーム・パン操作がスムーズ
  • スタイルカスタマイズ — 色・フォント・線幅などを自由に変更可能
  • シャープな表示 — 拡大してもぼやけず、Retinaディスプレイでもきれい
  • クライアント側で描画 — ブラウザ側でレンダリングするため、サーバー負荷が低い
ベクトルタイルとラスタータイルの使い分け

スタイルをカスタマイズしたい場合や、ズーム操作が多い場合はベクトルタイルが最適です。一方、複雑な陰影表現や写真を背景にする場合はラスタータイルが向いています。

📸
Section 6

国土地理院空中写真(extGsiPp)

国土地理院の空中写真を地図に重ねて表示する機能です。撮影機関や年代でフィルタリングでき、地域の歴史的変遷を調べることができます。

フィルタリング機能

撮影機関フィルター(チップ選択) 国土地理院、米軍、民間企業など、撮影機関別にフィルター
年代フィルター(1936-2025) スライダーで撮影年代を指定。戦前・戦後・近年の変遷を比較
フィルターリセット機能 「リセット」ボタンで全ての空中写真を再表示
年代フィルターの活用例
  • 1936-1950年代 — 戦前・戦中の土地利用を確認。空襲前の街並み
  • 1960-1980年代 — 高度成長期の開発状況。宅地造成や道路建設の記録
  • 1990年代以降 — バブル期からの都市開発。近年の変化を追跡
  • 2000-2025年 — 最新の空中写真。災害前後の比較も可能
歴史調査・土地調査での活用

年代別の空中写真を比較することで、土地の履歴を調べることができます。例えば「1950年代は農地だった場所が1970年代に宅地化された」といった変遷を視覚的に把握できます。不動産調査や環境アセスメントで活用されています。

💡

活用事例

🏗️ CAD連携(DXFエクスポート)

地理院地図スタイル(extChiriin)のDXFエクスポート機能を使い、建築・土木設計の背景図として活用。座標系を選択して正確な位置情報を保持したまま、CADソフト(AutoCAD、Jw_cad等)で読み込めます。測量データとの重ね合わせも可能。

📊 プレゼン(ブレンドモードで印象的な地図)

ブレンドモード(extBlend)を使い、航空写真と地図を重ね合わせて視覚的に訴える地図を作成。クライアントや関係者へのプレゼンで、開発予定地や事業エリアをわかりやすく伝えられます。multiply、screen、overlayを使い分けて最適な表現を。

🗺️ データ分析(ラベルOFFで主題図作成)

ラベル編集(extLabelOnly)で地名や道路名を非表示にし、人口分布や売上分析などのデータ可視化に集中。主題図の背景としてモノクロスタイルを使うと、データが際立ち、見やすい地図が完成します。

📜 歴史調査(年代別空中写真)

国土地理院空中写真(extGsiPp)の年代フィルターを使い、1936年から2025年までの地域の変遷を調査。土地の履歴調査、環境アセスメント、不動産デューデリジェンスで活用。戦前の土地利用や高度成長期の開発状況を視覚的に把握できます。

🎨 デザイン(ベクトルタイルのスタイルカスタマイズ)

GSIベクトルタイル(extGsiBvmap)でスタイルを自由にカスタマイズ。色・フォント・線幅を変更して、ブランドカラーに合わせた地図デザインを実現。Webサイトやアプリの背景地図として、統一感のある表現が可能です。

地図スタイルレイヤーを試してみましょう

右側アイコンから拡張機能を選択

OH3を開く