マーカーと図形: 適切なマップ アイテムの選択

インタラクティブ マップで最もよくある間違いは、広い地理ゾーンにピン マーカーを使いすぎたり、逆にピンポイントのオブジェクトに小さな形状を描画したりすることです。正しいマップ要素を選択することで、訪問者がレイアウトをどれだけ早く理解できるかが根本的に決まります。

マーカー ピンは、入口ゲート、情報キオスク、景色の良い展望台、機械、特定の机など、単一の離散点である場合に使用します。マーカー ピンが次の質問に答えます: 「この物体は正確にどこにありますか?」

小売店の敷地、住宅用地区画、オフィス棟、駐車場、公園保護区域など、測定可能な物理的エリアをその場所が占める場合は、形状 (多角形と長方形) を使用します。形状は次の質問に答えます: 「この空間の境界、設置面積、範囲は何ですか?」

Layerpin は、ピンやシェイプに加えて、ポリライン、矢印、吹き出しコネクタなどの特殊なベクター ライン ツールを提供します。

ポリラインは、ウォーキング トレイル、マラソン ルート、公共施設のパイプライン、ガイド付きツアー パス、交通機関の路線など、連続した線形フィーチャに使用します。ポリラインは、カスタム ストローク スタイル、破線、矢印、および複数セグメントの頂点編集をサポートします。

マップ領域が密すぎてアイテム上にラベルを直接配置できない場合は、コネクタを使用します。引出線は、下にある建築アートワークを隠すことなく、中心から外れたタイトル カードまたはアイコンを正確な座標に接続します。

不適切なスタイルの図形では、その下の地図描画が見えにくくなります。適切にスタイル設定された形状は、下にあるラベルやテクスチャを隠すことなく、明確な色合いを提供することで描画を向上させます。

デフォルトのシェイプ塗りつぶしの不透明度を 15% ～ 30% に設定します。この微妙なウォッシュにより、建築の詳細を読みやすく保ちながら領域を確立します。対照的な色合いの鮮明な 1.5 ピクセルから 2.5 ピクセルの実線の境界線と組み合わせます。

ホバーして選択すると、不透明度が 40 ～ 50% に上がり、境界線が太くなり、明確なインタラクティブなフィードバックが提供されます。 Layerpin を使用すると、ブランド ガイドラインに直接一致するカスタム カラー トークンを設定できます。

ハイエンドのインタラクティブ マップでは、形状とマーカーを組み合わせて、一貫した複合システムを構築することがよくあります。たとえば、ショッピング モールの棟全体の周囲にポリゴンを描画し、その中にアンカー店舗や非常口の特定のカテゴリ ピンを配置します。

一貫したインタラクション ルールを確立します。ポリゴンをクリックするとリース情報カードが開く場合、その中の子ピンをクリックすると特定の販売者カードが開くはずです。子ピンの Z インデックス スタッキングが高くなって、ポリゴンの境界内で簡単にクリックできる状態になるようにします。

Layerpin のレイヤー管理パネルを使用して要素を並べ替えたり、背景形状をロックしたりして、編集中の誤ったクリックを防ぎます。