Layerpin 소개

Layerpin이란 무엇인가요?

Layerpin은 평면도, 건축 도면, 행사 행사장, 박물관 갤러리, 캠퍼스 지도, 매장 배치도, 제품 구조도 등 맞춤형 시각 미디어에 특화된 인터랙티브 이미지 맵 제작 플랫폼입니다.

지구 좌표와 위성 데이터가 필요한 기존 지도 도구(Google Maps, Mapbox 등)와 달리, Layerpin은 서브픽셀 정규화 좌표계, 반응형 터치 컨트롤, 실시간 검색 및 글로벌 CDN 캐싱을 통해 사용자의 이미지 위에서 직접 작동합니다.

4단계 제작 워크플로

원본 이미지에서 웹사이트 삽입용 초고속 인터랙티브 맵까지, 제작 과정이 4단계로 체계화되어 있습니다:

1. 1
   원본 이미지 또는 도면 업로드

   PNG, JPEG, WebP, SVG, AVIF 고해상도 이미지를 업로드하세요. 초대형 CAD나 항공 지도는 기가픽셀 이미지를 올리면 자동으로 Deep Zoom 피라미드가 생성됩니다.
2. 2
   인터랙티브 핀, 영역, 지시선 그리기

   Layerpin의 11가지 전용 도구로 맞춤 핀 배치, 다각형 구역 그리기, 실측 거리 측정, 서식 있는 텍스트 콜아웃을 자유롭게 추가하세요.
3. 3
   카테고리, 미디어 및 상세 카드로 꾸미기

   갤러리, 버튼, 태그, Markdown 설명을 연결하세요. 핀을 색상 카테고리로 묶고 범례 토글과 실시간 키워드 검색을 적용할 수 있습니다.
4. 4
   안정적인 스냅샷 발행 및 웹사이트 삽입

   지연 없이 엣지 CDN에 캐싱되는 읽기 전용 스냅샷을 발행하세요. 도메인 보안 설정이 포함된 반응형 iframe 코드를 복사하거나 공개 링크를 공유할 수 있습니다.

핵심 아키텍처 & 좌표계

모든 기기에서 왜곡 없는 반응형 지도를 구현하기 위해 Layerpin은 세 가지 공학적 원칙을 따릅니다:

주요 플랫폼 기능

인터랙티브 시각 지도의 제작, 디자인, 구성, 배포에 필요한 모든 전문 도구를 갖추고 있습니다:

첫 번째 지도 만들기

만들 준비가 되셨나요? 아래의 빠른 시작 단계에 따라 첫 지도를 발행해보세요:

1. 1
   지도 대시보드 열기

   지도 대시보드로 이동한 뒤 「지도 만들기」를 클릭합니다.
2. 2
   이미지 또는 도면 업로드

   컴퓨터에서 평면도나 그래픽 파일(JPEG, PNG, WebP, SVG, AVIF)을 선택합니다.
3. 3
   첫 번째 핀과 도형 배치

   M 키(마커)나 P 키(다각형)를 누른 뒤 캔버스 원하는 위치를 클릭해 배치합니다.
4. 4
   지도 발행하기

   상단 헤더의 「발행」을 클릭하세요. 지도가 즉시 배포되어 어디든 삽입할 수 있습니다!

웹사이트 임베드 & 보안

웹사이트 삽입은 반응형 iframe 코드 한 줄이면 충분합니다. 모바일 터치 제스처와 핀치 줌을 완벽하게 지원합니다:

<iframe
  src="https://layerpin.com/m/YOUR_MAP_ID"
  width="100%"
  height="600"
  style="border: 0; border-radius: 12px; overflow: hidden;"
  allow="fullscreen"
  loading="lazy"
></iframe>