Scribble Maps 도움말 센터
언어 변경

지도 공유, 판매 및 임베드하기

기능 제공 여부

  • 무료
  • Lite
  • Pro
  • Lite Pro
  • Pro Business

목차

 

소개

이 가이드는 Scribble Maps를 공유, 임베드 및 프레젠테이션하는 방법을 보여줍니다. 블로그에 지도를 표시하거나, 소셜 미디어를 통해 배포하거나, 다른 사람이 지도를 보는 방식을 맞춤 설정하려는 경우 필요한 모든 단계를 아래에서 찾을 수 있습니다.

아직 지도를 저장하지 않으셨나요?
여기에서 단계별 가이드를 확인하세요: Save a Map.

Pro plan을 사용 중인 경우 개인 정보 보호 옵션(나만 지도를 볼 수 있도록 설정)을 활성화하고 비밀번호 보호를 통해 안전하게 공유할 수도 있습니다.

맨 위로 이동 ↑

 

Map Saved

지도를 저장하면 SAVE MAP 창이 나타납니다. 여기에서 필요한 모든 공유 도구, 링크 및 임베드 코드를 얻을 수 있습니다.

Share Link

이메일, 채팅 또는 소셜 미디어를 통해 다른 사람과 지도를 빠르게 공유하고 싶으신가요?
Share Link를 사용하세요. 이는 다른 사람들이 내 지도를 볼 수 있는 공개 URL입니다.

  • QR Code: 밝은/어두운 버전을 전환하고 인쇄용으로 저장합니다.
  • URL: COPY 버튼을 클릭하여 공유 가능한 링크를 복사합니다.
  • 사용처: 소셜 게시물, 메시징 앱, 이메일 서명 등.

외관 맞춤 설정

  • Brand It (Pro): 공유 페이지의 브랜딩을 맞춤 설정합니다.
  • Configure: 다른 사람에게 지도가 표시되는 방식을 조정합니다.

참고: 설정에 따라 이는 "Share Link" 또는 "Share & Sell Link"로 표시될 수 있습니다.

Map ID

나중에 지도를 참조하거나 다시 로드해야 하나요?
모든 지도에는 고유한 Map ID가 있습니다. 이를 사용하여 다음을 수행할 수 있습니다.

  • 편집을 위해 지도를 다시 로드합니다.
  • 이 지도의 콘텐츠를 다른 지도로 가져옵니다.
  • 협업자와 ID를 공유합니다.

나중에 사용할 수 있도록 COPY를 클릭하여 저장합니다.

Edit Link

나중에 이 지도로 돌아와 편집하거나 팀원들과 편집 권한을 공유하고 싶으신가요?

  • COPY를 클릭하여 Edit Link를 저장합니다.
  • 쉽게 액세스할 수 있도록 북마크에 추가합니다.
  • 편집 권한이 필요한 다른 사람들과 공유합니다.

Developer Links & Embed Code

웹사이트에 지도를 임베드하거나 맞춤형 개발에 사용하고 싶으신가요?
이 도구들은 고급 통합이나 지도 데이터 내보내기에 특히 유용합니다.

사이트에 지도를 임베드하거나 앱에서 사용하는 경우, Show Developer Links & Embed Code를 클릭하여 다음에 액세스하세요.

  • Embed Code: 임베드용 HTML iframe
  • Developer Links: GeoJSON, KML, GPX, CSV, SHP, DXF, SMJSON 등의 내보내기 형식. 이 링크를 통해 지도 데이터를 다른 애플리케이션과 통합하거나 고급 사용 시나리오에 활용할 수 있습니다.
  • 추가 옵션:
    • Save Image: 정적 지도 이미지를 내보냅니다.
    • Save PDF
    • Send To Friend: 지도를 이메일로 직접 보냅니다.
    • Continue Working: 지도 편집기로 돌아갑니다.

팁: Share Link와 Edit Link를 모두 안전한 곳에 저장하세요.

맨 위로 이동 ↑

 

Configure Share Settings

 

Map Saved 창에서 Configure 버튼을 클릭하여 공유된 지도의 모양과 동작을 맞춤 설정할 수 있습니다.

View

시청자가 지도에서 시작하는 위치를 제어하고 싶으신가요?

  • Start View: 지도가 열리는 위도, 경도 및 줌 레벨을 설정합니다.
  • Map Limits: 사용자가 화면을 이동할 수 없는 경계를 정의합니다.

시청자를 특정 위치로 안내하거나 지리적 영역에 주의를 집중시킬 때 이 기능을 사용하세요.

Interface

뷰어에 표시되는 인터페이스 기능을 토글합니다.

  • Items Bar
  • Layers
  • GPS
  • Share button
  • Data View
  • Search
  • Map Type selector
  • Hide Locked
  • Theme: Light 또는 Dark

지도 인터페이스를 단순화하거나 사이트 디자인에 맞추려면 이 기능을 사용하세요.

Info Popup

사용자가 모바일에서 지도 경로를 빠르게 찾을 수 있도록 하고 싶으신가요?

  • Directions Button (Mobile)을 켜거나 끕니다.

이렇게 하면 모바일 사용자를 위한 원탭 경로 찾기 기능이 추가되어 이벤트 지도나 매장 위치 안내에 적합합니다.

Search

사용자가 지도를 검색하는 방법을 구성합니다.

  • Only items on map: 검색 결과를 지도 항목으로 제한합니다(매장 위치 찾기에 유용).
  • Center On Search: 검색 결과로 화면을 자동으로 이동합니다.
  • Restrict Search to Location: 정의된 지역 외부의 결과가 나타나지 않도록 제한합니다.

대화형 검색기나 지역화된 애플리케이션에 이상적입니다.

Branding (Change & Remove)

지도 뷰어에 브랜드를 추가하고 Scribble Maps 로고를 제거합니다.

  • Your Branding을 토글하고 맞춤 이름 또는 회사 레이블을 입력합니다.
  • Scribble Maps 로더 로고를 제거합니다.
  • 지도의 오른쪽 하단 모서리에 레이블을 표시합니다.

이 기능은 Pro plan에서만 사용할 수 있습니다.

Analytics

Google Analytics 4를 사용하여 참여도를 추적합니다.

Google Analytics 4를 사용하여 지도 조회수를 추적합니다.

  • GA4 측정 ID(예: G-XXXXXXXXXX)를 입력합니다.
  • 분석 대시보드를 통해 지도 조회수 및 상호작용을 추적합니다.

마케팅 팀이나 사용자 참여를 추적하는 모든 사람에게 유용합니다.

Screen Effects

공유 지도에 특별한 효과를 더해 보세요.

  • Screen Effects를 활성화합니다.
  • 다음과 같은 재미있는 애니메이션 중에서 선택하세요:
    • Rain
    • Snow
    • Flying Money

대화형 지도의 경우, 임베드 코드를 구성할 때 줌 제어, 검색 기능, 지도 유형 선택 등의 옵션을 활성화하거나 비활성화하여 사용자 상호작용을 맞춤 설정할 수도 있습니다.

이러한 효과는 축제나 테마 프레젠테이션을 위해 지도 위에 표시됩니다.

설정 완료하기

설정 조정을 마친 후:

  1. Save Settings를 클릭하여 변경 사항을 적용합니다.
  2. Preview 버튼을 사용하여 지도가 어떻게 표시되는지 확인합니다.
  3. (선택 사항) Get Embed를 클릭하여 새 임베드 코드를 생성합니다.

맨 위로 이동 ↑

 

웹사이트에 임베드하기

 

블로그, WordPress 사이트 또는 맞춤형 웹사이트에 지도를 표시하고 싶으신가요? 방법은 다음과 같습니다.

WordPress & Blogger

WordPress (자체 호스팅)

  1. 사이트에 로그인합니다.
  2. 글 또는 페이지를 엽니다.
  3. Custom HTML 블록을 추가합니다.
  4. 지도의 임베드 코드를 붙여넣습니다.
  5. 미리 보고 게시합니다.

참고: WordPress.com(가입형)은 대화형 지도를 지원하지 않으며, 정적 이미지 임베드만 지원합니다.

Blogger

  1. Blogger에 로그인합니다.
  2. 글을 작성하거나 편집합니다.
  3. HTML view로 전환합니다.
  4. 임베드 코드를 붙여넣습니다.
  5. 미리 보고 게시합니다.

맞춤형 웹사이트

맞춤형 웹사이트

  1. 사이트의 HTML 파일을 엽니다.
  2. 지도가 표시될 위치에 임베드 코드를 붙여넣습니다.
  3. 저장하고 브라우저에서 확인합니다.

임베드 구성 옵션

  • 대화형 지도 또는 이미지 지도 중에서 선택합니다.
  • 너비/높이, 밝은/어두운 테마 및 표시할 컨트롤을 설정합니다.

대화형 지도에 표시될 크기, 테마(밝은/어두운) 및 컨트롤을 설정할 수 있습니다.

 

맨 위로 이동 ↑

 

소셜 미디어 공유

 

Reddit, X(Twitter) 또는 Facebook에 지도를 게시하고 싶으신가요?

Share Link를 사용하기만 하면 됩니다. 프리미엄 계정이 있는 경우 개인 정보 보호 옵션을 설정하여 지도를 비공개/일부 공개(포털에는 공유되지 않지만 URL을 아는 사람은 볼 수 있음) 또는 보안(액세스 시 비밀번호 또는 로그인 필요)으로 설정할 수도 있습니다.

지도를 변경하고 저장하면 공유된 모든 링크와 임베드된 버전에 자동으로 업데이트됩니다.

Reddit에 게시하기

  1. Reddit에 로그인합니다.
  2. 적절한 커뮤니티를 선택합니다.
  3. 새 게시물을 작성합니다.
  4. Share Link를 붙여넣습니다.
  5. 제목을 추가하고 게시합니다.

참고: Reddit 게시물에서 지도 미리보기가 올바르게 렌더링되는 데 몇 분 정도 걸릴 수 있습니다.

맨 위로 이동 ↑

 

사용 제한

공유 지도에서 Google 배경 지도를 사용하는 경우 구독에 따라 월별 조회수 제한이 있습니다.

  • Pro Basic: 월 1,500회 조회.
  • Pro Business: 월 5,000회 조회.

지도가 이 제한을 초과하면 자동으로 Scribble Maps 배경 지도 또는 이와 유사한 지도로 전환됩니다.

맨 위로 이동 ↑

 

자주 묻는 질문

왼쪽 메뉴 없이 지도를 공유하려면 어떻게 해야 하나요?

전체 임베드 코드 대신 iframe URL만 공유하여 편집기 UI를 제거할 수 있습니다.

  1. MENU → Get Embed로 이동하거나 Map Saved 창을 사용합니다.
  2. 임베드 코드를 텍스트 편집기에 복사합니다.
  3. iframe에서 URL만 추출합니다. 임베드 코드는 다음과 같이 표시됩니다.
    <iframe src="https://www.scribblemaps.com/maps/view/YourMapName/YourMapID" style="width: 100%; height: 400px"></iframe>.
    "src=" 뒤의 따옴표 사이에 있는 URL만 필요합니다.
  4. 해당 직접 URL을 공유합니다. URL만 공유하면 편집 메뉴 없이 더 깔끔한 화면을 제공합니다.
     


이미 공유한 지도를 업데이트하려면 어떻게 해야 하나요?

간단합니다! 다음을 수행하면 공유 및 임베드된 모든 버전이 자동으로 업데이트됩니다.

  1. 지도를 다시 엽니다.
  2. 변경 사항을 적용합니다.
  3. 지도를 저장합니다.

공유된 모든 인스턴스가 자동으로 업데이트됩니다.

맨 위로 이동 ↑

최근 업데이트