Layerpin logo
作成を始める

ポリラインとコネクタを活用したわかりやすいマップ表現

歩行ルート、動線、矢印、引き出し線を自在に描き、複雑なマップをすっきりと整理して誰でも直感的にナビゲートできるようにします。

LP

Layerpin チーム

読了時間 7 分
マップ上に描かれた光るポリラインパスのネットワークと方向指示コネクタ線

ベクターラインオーバーレイを活用すべき場面とその理由

マーカーが地点を特定し、シェイプが部屋の区画を定義するのに対し、ラインは移動とつながりのストーリーを伝えます。来場者を実際の通路に沿って誘導し、避難経路を解説し、キャンパスツアーの順路を示し、設備配管のルートを図示します。

Layerpin は3つの特殊なベクターラインタイプを提供します:ポリライン(折れ線)(複雑な道順に対応するマルチセグメントパス)、カーブ&直線コネクタ(狭い場所からラベルを引き出す引き出し線)、方向矢印(一方通行、入場口、動線制御用)。

  1. 1
    曲がり角の多い歩道、ハイキングコース、館内通路にはポリラインを使用する。
  2. 2
    パレードの順路や車両の乗降エリアなど、動線の誘導には方向矢印を使用する。
  3. 3
    密集したマップ上の地点にテキストラベルをすっきり繋ぐには引き出し線コネクタを使用する。

滑らかなマルチポイントパスの描画と編集

Layerpin でのポリライン描画は直感的で非破壊的です。マップ背景をクリックして廊下や歩道、道路に沿って頂点を落としていき、ダブルクリックで描画を完了します。

後から曲がり角を微調整したい場合も、ポリラインを選択すると頂点ハンドルが表示されます。ポイントをドラッグして位置を移動したり、線の中間にあるプラスハンドルをクリックして新しい頂点をその場で追加したりできます。

線の太さ(2pxの細い補助線から6pxの目立つメインルートまで)、先端形状、角の結合スタイル、破線パターン(実線、破線、点線)を自由にカスタマイズ可能です。

  1. 1
    クリックして順番にパスの点を打ち、ダブルクリックで完了する。
  2. 2
    中間ハンドルを使って最初から描き直すことなくコーナーを追加・調整する。
  3. 3
    主要ルートと区別するため、代替ルートや季節ルートには破線スタイルを選ぶ。
詳細なマップ上にプロットされた案内ルート線と接続マーカー

引き出し線コネクタで密集エリアの視認性を劇的に改善

1つのフロアに30の診療科が集中する医療施設やマイクロチップの技術図面など高密度のマップでは、座標の上に直接マーカーや文字を重ねると重なり合って判読不能になります。

引き出し線コネクタは、正確な地点にピンのアンカーを留めたまま、テキストラベルや情報カードのトリガーを隣接する空きスペースへ逃がすことでこの問題を美しく解決します。

アンカーピンやラベルバッジが移動してもコネクタ線が自動で追従してリンクを維持するため、常に洗練されたレイアウト配置が保たれます。

Layerpin logo

インタラクティブマップを作りませんか?

非公開で作成し、訪問者向け表示を確認してから公開しましょう。 No credit card needed.

無料で始める