📒솜이노트

# Leaflet으로 서울시만 보이게 하는 지도 마스크 구현하기 (플러그인X)

Leaflet 마스크, 마스킹 효과Leaflet에서 특정 지역만 남기고 나머지를 반투명하게 가리는 ‘마스크(Mask)’ 효과를 만들고 싶었던 적이 있나요?이번 글에서는 별도의 플러그인 없이 순수 Leaflet만으로 서울시만 밝게, 외곽은 어둡게 처리하는 방법을 정리했습니다.구현 원리전 세계(–180~180, –90~90) 범위의 큰 사각형 polygon을 하나 만든다.그 안에서 서울시 polygon을 빼내면,→ 서울시만 “구멍처럼” 뚫린 반투명 마스크가 생긴다.즉,L.polygon([outer, ...inner])을 사용해 outer(전세계) 에서 inner(서울시 내부) 를 구멍으로 빼주는 구조입니다.전체 코드 및 결과화면 See the Pen leaflet mask by note (@somiee..