マップ表示と描画オプション
画像フィット、初期ズーム、最大ズーム制限、選択時の中央配置、公開UIコントロール、方位磁針校正を設定します。
アーキテクチャの表示とレンダリング
Layerpin は、オーサリング キャンバスをパブリック プレゼンテーション エクスペリエンスから分離します。編集中、作成者は 96 倍のズーム上限、描画ツール、レイアウト ルーラーに無制限にアクセスできます。パブリック ビューアおよび Web サイトの埋め込みの場合、キャンバス画像のフィット、初期倍率、最大ズームの上限、カメラのイージング期間、インターフェイスの HUD 要素など、正確なプレゼンテーションを厳選できます。
?tab=customize&panel=initial-view) を使用して、キャンバスのフィッティング、カメラの制約、およびパブリック Chrome コントロールを調整します。キャンバス画像のフィット (カバーと内容)
の 画像のフィット 訪問者のブラウザービューポートや埋め込みコンテナのアスペクト比がソース画像と異なる場合に、ベースのフロアプランや回路図がどのように適応するかを定義します:
空のバーやレターボックスを表示せずに、ビューポートの幅と高さを 100% 完全に埋めるようにマップ イメージを拡大します。アスペクト比が異なる場合、コンテナがいっぱいになるまで外側のエッジが対称的にトリミングされます。
マップ画像の 100% とすべての外側の境界線が、読み込み時に画面上に完全に表示されたままになることを保証します。コンテナの比率が異なる場合は、きれいなニュートラルな背景スペース (レターボックス/ピラーボックス) が表示されます。
初期ズームとライブエディターの同期
の 初期ズーム スライダーは、訪問者がパブリック マップを開いたとき、または埋め込んだときの開始倍率レベルを設定します (ベースラインに合わせたスケールの 1.0 倍から設定された最大ビューア ズームまで)。
数値的なズーム値を推測する代わりに、パネルはアクティブなキャンバス ビューポートをリアルタイムで継続的に監視します。理想的なレイアウトになるまでエディター キャンバスをパンしたりピンチズームしたりして、 初期値として設定.
- 現在のビューカウンター: ライブキャンバスズームを表示します(例:
現在の表示: 2.4×) 色分けされたステータスインジケーター付き。 - 即時一致確認: エメラルドバッジで確認（
✓ イニシャルと一致) 開始ビューが現在の視点と一致したとき。 - 天井ガード: 初期ズームが視聴者の最大制限を超えた場合、Layerpin は赤い警告バナーでフラグを立て、インスタント ズームを提供します。
限界までスナップbutton.
最大視聴者ズームと安全対策
の 最大視聴者ズーム 公開マップや埋め込みウィジェットの訪問者向けに上限(1.0×～24.0×）を設定します。作成者は常に最大 96× サブピクセル ピンの位置決め用のエディターでは、ビューアーのズームにキャップを設定することで、訪問者が低解像度のラスター アーティファクトにズームしすぎたり、地理的な方向を失ったりするのを防ぎます。
ビューアの最大ズームを下げると、Layerpin はマップ構成全体にわたって包括的な飛行前の影響チェックを実行します。何らかの設定 (初期ズーム、項目選択ズーム、マーカー本体、またはテキスト ラベル) が新しい天井の上に以前に構成されていた場合、Layerpin は影響を受ける要素を強調表示し、確認ダイアログを表示します。
アイテム構成を変更せずに、新しいビューア制限を保存します。制限を超えて開始されるアイテムは、制限が再び引き上げられるまでパブリックビューでは非表示のままになります。
影響を受けるすべてのアイテムの可視性のしきい値を自動的に固定し、選択範囲が新しい最大上限までズームダウンされるため、すべてのコンテンツが表示されたままになります。
選択ズームとカメラアニメーション
訪問者がマップを操作すると、Layerpin は自動的にカメラの中心を再調整し、選択した場所を拡大して最適な焦点を合わせることができます。
有効にすると、マーカー、図形、または検索結果をクリックすると、カメラがそのアイテムの中心にスムーズに移動し、ターゲットが適用されます。 選択ズーム (例: 2.5×)。訪問者はすぐに整然とした詳細なクローズアップを得ることができます。
すべてのカメラのパン、ズーム調整、フォーカス リセットのトランジション イージング速度を制御します (デフォルト: 400ミリ秒). Use 150ミリ秒～300ミリ秒 迅速な実用的な探究のため、または 800ミリ秒～1200ミリ秒 映画のようなガイド付きプレゼンテーションに。
パブリック マップ インターフェイス コントロール
パブリック リンクおよび埋め込み Web サイト上の地図上にどのインターフェイス クロム要素が表示されるかをカスタマイズします。
目立つ検索バーを表示し、訪問者がタイトル、説明キーワード、タグ、またはカスタム メタデータ フィールドでピンを検索できるようにします。
カテゴリ ディメンション フィルター ピルまたはドロップダウン メニューをレンダリングして、訪問者が特定のレイヤーまたは部門を分離できるようにします。
隅の HUD にオンスクリーンのズームイン (+)、ズームアウト (-)、ビューのリセット、および全画面モーダル トグル ボタンをレンダリングします。
現在のビューポートの位置を示すアクティブな四角形を含む完全なマップを示す永続的なコーナー概要サムネイルを表示します。
タイトル オーバーレイ バッジと書式設定されたマークダウン説明カードを切り替えて、読み込み時に訪問者にコンテキストを提供します。
ドラッグ アンド ドロップの順序付けとデフォルトの方言フォールバックを使用して、複数の言語に翻訳されたマップの言語セレクター ドロップダウンを表示します。
インタラクティブコンパスと北の校正
建築フロアプラン、エンジニアリング CAD 図面、および会場の概略図は、多くの場合、実際の地理的な北ではなく、街路グリッドや室内廊下に合わせて描かれます。 Layerpin は、任意の方向を指すように調整できるインタラクティブなコンパス ローズ HUD を備えています。
いつ コンパスを表示 is enabled, an interactive compass rose appears on the map. Use the ノースアングル スライダー(1°単位)で、針をサイトの真の方位に合わせます:
- 0° (デフォルト): 北は画像の垂直軸に沿って真上を指します。
- 90°: 北は画像キャンバスの右端を指します。
- 180°: 北はまっすぐ下を指します (倒立フロアプランまたは南側の視点の場合)。
- 270°: 北は画像キャンバスの左端を指します。
デスクトップ フィルター レイアウト (フル vs. コンパクト)
カテゴリ フィルタが有効になっている場合、デスクトップ ビューポートでのカテゴリ フィルタの表示方法を選択します。
カテゴリのピル ボタンを上部ヘッダー ツールバー全体に水平にレンダリングします。訪問者はメニューを開かずに、ワンクリックでカテゴリのオンとオフを切り替えることができます。 2 ～ 5 つの主要カテゴリを持つマップに最適です。
すべてのフィルターのディメンションを、アクティブな選択バッジを備えた 1 つの洗練された「フィルター」ドロップダウン ボタンに凝縮します。ノートパソコンのディスプレイや幅の狭い Web サイトの埋め込み上のマップ キャンバスの垂直画面領域を最大化します。