도움말 — 링크·붙여 쓰기·행사 안내판

건물을 고르면 정문(또는 고른 문·내 위치)에서 걸어가는 길을 안내하는 연세대학교 캠퍼스 지도입니다. 로그인이 없고, 입력한 내용은 어디에도 저장하지 않습니다.

신촌캠퍼스 지도 열기국제캠퍼스 지도 열기

1. 링크로 길 안내하기

주소 끝의 # 뒤에 도착지와 출발지를 적으면, 받은 사람이 열자마자 그 길을 봅니다. 문자·메일·카카오톡·공지 글에 그대로 붙이면 됩니다.

• 건물 번호(세 자리)가 가장 확실합니다. 이름은 검색과 같은 규칙으로 1순위를 고르므로, 「기념관」처럼 여러 곳에 맞는 말보다 정확한 이름을 쓰세요. 한 자리 번호(#to=2)는 여러 건물에 걸릴 수 있습니다.
• 지도에서 건물을 고른 뒤 안내판의 「링크 복사」(폰은 「공유」)를 누르면 그 화면 그대로의 주소가 복사됩니다.
• 출발 「내 위치」는 개인정보라 링크에 담기지 않습니다. 받는 사람은 정문(또는 고른 문) 출발로 봅니다.

2. 웹페이지에 지도 붙이기

가장 쉬운 방법 — iframe 한 줄

<iframe src="https://campusmap.yonsei.ac.kr/?embed=1#to=310"
        width="100%" height="600" style="border:0"
        allow="geolocation; clipboard-write" loading="lazy"
        title="캠퍼스 도보길찾기"></iframe>

• ?embed=1 을 붙이면 상표·범례를 접고 오른쪽 위에 「큰 화면으로 열기」가 생깁니다. #to=·from=·l=en, /songdo/, /e/<행사>/ 도 그대로 쓸 수 있습니다.
• allow="geolocation; clipboard-write" 가 있어야 붙인 지도 안에서 「내 위치」와 「링크 복사」가 됩니다(붙이는 페이지도 https 여야 합니다).

스크립트 한 줄 — embed.js

<script src="https://campusmap.yonsei.ac.kr/embed.js" data-to="310" data-height="600"></script>

속성: data-campus(songdo) · data-event(행사 이름) · data-to · data-from · data-lang(en) · data-height·data-width(숫자만 쓰면 px). 페이지 스크립트에서 campusMap.select('백양관')·campusMap.setLang('en') 처럼 조작할 수 있습니다.

행정허브(워드프레스)에 붙일 때: 일반 계정은 글을 저장할 때 워드프레스 보안 필터가 <iframe>·<script> 를 소리 없이 지웁니다(저장 뒤 다시 열면 빈칸). 행정허브 관리자에게 넣어 달라고 요청하거나, 지도 대신 위 1번의 링크를 본문에 넣어 주세요.

붙이는 사이트에 보안 정책(CSP)이 있으면 그쪽 frame-src 에 https://campusmap.yonsei.ac.kr 을 허용해야 합니다.

3. 행사 안내판 요청하기

시험 고사장·입학식처럼 정해진 건물과 지정 출입구로만 안내하는 전용 주소(/e/<행사>/)를 만들 수 있습니다. 예: 논술고사 고사장 안내. 아래를 적어 담당자에게 메일로 보내 주세요(행사 1주 전까지 권장, 만드는 데 반나절~하루).

건물마다 링크가 필요하면 …/e/<행사>/#to=<세 자리 번호> 로 만들 수 있습니다(QR 코드로 찍어 붙여도 됩니다).

4. 알아 두면 좋은 것

• 검색: 건물 이름·번호·영문, 초성(ㅂㅇㄱ), 흔한 줄임말(중도·학관·공대·의대·기숙사)로 찾습니다. 방 번호(A428·310호)는 건물을 고른 뒤 「내부」에서 층을 골라 찾습니다. 편의점·화장실 같은 시설은 찾지 않습니다.
• 내 위치: 위치 권한을 허용하면 파란 점으로 보이고, 캠퍼스 안이면 출발이 「내 위치」가 됩니다. 위치는 브라우저 안에서만 쓰고 서버로 보내지 않습니다.
• 계단 피하기는 계단·에스컬레이터 구간만 피합니다. 경사·문턱은 반영되지 않습니다.
• 지원 브라우저: 3D 지도라 WebGL 2 가 필요합니다 — 최신 Chrome·Safari·Edge, iOS 15 이상. 카카오톡 안에서 열어도 됩니다.
• 길 자료는 OpenStreetMap 기준이라 공사·통제 구간은 실제와 다를 수 있습니다. 틀린 곳은 안내판의 「잘못된 정보 알리기」로 알려 주세요.

5. English summary