지도 보기 및 렌더링 옵션
이미지 맞춤, 초기 줌, 최대 확대 한도, 선택 시 중앙 배치, 공개 UI 컨트롤 및 나침반 보정을 구성합니다.
뷰 및 렌더링 아키텍처
Layerpin은 제작 캔버스를 공개 프레젠테이션 환경과 분리합니다. 편집하는 동안 작성자는 96배 줌 천장, 그리기 도구 및 레이아웃 눈금자에 제한 없이 액세스할 수 있습니다. 공개 뷰어 및 웹 사이트 삽입의 경우 캔버스 이미지 맞춤, 초기 확대, 최대 확대/축소 한도, 카메라 이징 지속 시간, 인터페이스 HUD 요소 등 정확한 프레젠테이션을 선별할 수 있습니다.
?tab=customize&panel=initial-view) 캔버스 피팅, 카메라 제약 조건 및 공개 크롬 컨트롤을 조정합니다.캔버스 이미지 맞춤(표지 및 포함)
그만큼 이미지 맞춤 방문자 브라우저 뷰포트나 삽입 컨테이너의 가로세로 비율이 소스 이미지와 다를 때 기본 평면도나 회로도가 어떻게 적응하는지 정의합니다:
빈 막대나 레터박스 없이 뷰포트 너비와 높이를 100% 완전히 채우도록 지도 이미지를 확장합니다. 가로 세로 비율이 다른 경우 컨테이너가 채워질 때까지 외부 가장자리가 대칭으로 잘립니다.
지도 이미지의 100%와 모든 외부 경계 경계가 로드 시 화면에 완전히 표시되도록 보장합니다. 컨테이너 비율이 다르면 깔끔한 중립 배경 공간(레터박스/필러박스)이 나타납니다.
초기 확대/축소 및 라이브 편집기 동기화
그만큼 초기 확대/축소 슬라이더는 방문자가 공개 지도를 열거나 삽입할 때 시작 배율 수준을 설정합니다(1.0× 기준선 맞춤 배율에서 구성된 최대 뷰어 확대/축소까지).
숫자로 확대/축소 값을 추측하는 대신 패널은 활성 캔버스 뷰포트를 실시간으로 지속적으로 모니터링합니다. 레이아웃이 이상적으로 보일 때까지 편집기 캔버스를 이동하고 핀치 줌한 다음 클릭하세요. 초기로 설정.
- 현재 뷰 카운터: 실시간 캔버스 확대/축소를 표시합니다(예:
현재 보기: 2.4×) 색상으로 구분된 상태 표시기가 있습니다. - 즉시 매치 확인: 에메랄드 배지로 확인합니다(
✓ 이니셜과 일치) 시작 뷰가 현재 유리한 지점과 일치할 때. - 천장 가드: 초기 확대/축소가 최대 뷰어 제한을 초과하면 Layerpin은 빨간색 경고 배너로 플래그를 지정하고 즉시
한계에 맞춰 맞추기button.
최대 뷰어 줌 및 보호 장치
그만큼 최대 뷰어 줌 게시된 지도와 삽입된 위젯의 방문자를 위해 상한(1.0×~24.0×)을 설정합니다. 작성자는 항상 최대 96× 하위 픽셀 핀 위치 지정을 위한 편집기에서 뷰어 확대/축소를 제한하면 방문자가 저해상도 래스터 아티팩트를 과도하게 확대하거나 지리적 방향을 잃는 것을 방지할 수 있습니다.
최대 뷰어 확대/축소를 낮추면 Layerpin은 전체 지도 구성에 걸쳐 포괄적인 비행 전 영향 검사를 수행합니다. 이전에 새 천장 위에 설정(초기 확대/축소, 항목 선택 확대/축소, 마커 본체 또는 텍스트 레이블)을 구성한 경우 Layerpin은 영향을 받는 요소를 강조 표시하고 확인 대화 상자를 표시합니다.
항목 구성을 변경하지 않고 새로운 뷰어 제한을 저장합니다. 한도를 넘어 시작되는 항목은 한도가 다시 높아질 때까지 공개적으로 표시되지 않습니다.
영향을 받는 모든 항목 가시성 임계값을 자동으로 고정하고 선택 항목이 새로운 최대 한도까지 축소되어 모든 콘텐츠가 계속 표시됩니다.
선택 확대/축소 및 카메라 애니메이션
방문자가 지도와 상호 작용할 때 Layerpin은 자동으로 카메라의 중심을 다시 맞추고 최적의 초점을 위해 선택한 위치를 확대할 수 있습니다.
활성화되면 마커, 모양 또는 검색 결과를 클릭하면 카메라가 해당 항목의 중앙으로 부드럽게 이동하고 대상이 적용됩니다. 선택 줌 (예: 2.5×). 방문자는 즉시 깔끔하고 상세한 근접 촬영을 볼 수 있습니다.
모든 카메라 팬, 확대/축소 조정 및 초점 재설정에 대한 전환 완화 속도를 제어합니다(기본값: 400ms). Use 150ms~300ms 신속한 공리주의적 탐구를 위해 또는 800ms~1200ms 영화 안내 프리젠테이션용.
공개 지도 인터페이스 컨트롤
공개 링크 및 삽입된 웹사이트의 지도 위에 표시되는 인터페이스 크롬 요소를 맞춤설정하세요.
방문자가 제목, 설명 키워드, 태그 또는 사용자 정의 메타데이터 필드별로 핀을 찾을 수 있도록 눈에 띄는 검색 표시줄을 표시합니다.
방문자가 특정 레이어나 부서를 격리할 수 있도록 카테고리 차원 필터 알약 또는 드롭다운 메뉴를 렌더링합니다.
화면 확대(+), 축소(-), 보기 재설정 및 전체 화면 모달 토글 버튼을 모서리 HUD에 렌더링합니다.
현재 뷰포트 위치를 나타내는 활성 직사각형과 함께 전체 지도를 보여주는 영구 모서리 개요 썸네일을 표시합니다.
제목 오버레이 배지와 형식화된 마크다운 설명 카드를 전환하여 로드 시 방문자에게 컨텍스트를 제공합니다.
드래그 앤 드롭 순서와 기본 방언 대체 기능을 사용하여 여러 언어로 번역된 지도에 대한 언어 선택기 드롭다운을 표시합니다.
대화형 나침반 및 북쪽 교정
건축 평면도, 엔지니어링 CAD 도면 및 장소 설계도는 실제 지리적 북쪽이 아닌 거리 격자선이나 내부 복도에 맞춰 그려지는 경우가 많습니다. Layerpin에는 어떤 방향이든 가리킬 수 있도록 보정할 수 있는 대화형 나침반 장미 HUD가 있습니다.
언제 나침반 표시 is enabled, an interactive compass rose appears on the map. Use the 노스 앵글 바늘을 사이트의 실제 방위에 맞추기 위한 슬라이더(1° 단위):
- 0°(기본값): 북쪽은 수직 이미지 축을 따라 수직 방향을 가리킵니다.
- 90°: 북쪽은 이미지 캔버스의 오른쪽 가장자리를 가리킵니다.
- 180°: 북쪽은 똑바로 아래를 가리킵니다(역전된 평면도 또는 남쪽 관점의 경우).
- 270°: 북쪽은 이미지 캔버스의 왼쪽 가장자리를 가리킵니다.
데스크탑 필터 레이아웃(전체 vs. 컴팩트)
카테고리 필터가 활성화되면 데스크탑 뷰포트에 표시되는 방법을 선택합니다.
상단 헤더 도구 모음에 걸쳐 카테고리 알약 버튼을 수평으로 렌더링합니다. 방문자는 메뉴를 열지 않고도 한 번의 클릭으로 카테고리를 켜거나 끌 수 있습니다. 2~5개의 기본 카테고리가 있는 지도에 적합합니다.
모든 필터 차원을 활성 선택 배지가 있는 하나의 세련된 "필터" 드롭다운 버튼으로 압축합니다. 노트북 디스플레이 및 좁은 웹사이트 임베드의 지도 캔버스에 대한 수직 화면 공간을 최대화합니다.