블로그에 '특정 지역 이마트 지도' 삽입하고 전국 분포도 안내하기 (네이버 지도 활용)
🗺️ 블로그에 '특정 지역 이마트 지도' 삽입하고 전국 분포도 안내하기 (네이버 지도 활용) 네이버 지도의 검색 결과 전체를 iFrame으로 삽입할 수는 없지만, 특정 지역의 지도를 삽입하고 사용자에게 전국 분포도를 확인하는 방법을 안내하는 방식으로 정보를 제공할 수 있습니다. 이 포스팅은 네이버 블로그 나 개인 웹사이트 에 지도를 삽입하는 방법을 안내합니다. Step 1. 지도에 삽입할 '특정 지역'의 좌표 확인하기 블로그에 삽입할 지도에 표시할 중심 지역(예: 서울시청)을 먼저 정해야 합니다. 네이버 지도 웹사이트에 접속합니다. 지도의 중심이 될 장소를 검색합니다. (예: 서울시청 ) 검색된 장소를 클릭하여 상세 페이지를 엽니다. 좌측 상세 정보창에서 [공유] 버튼을 클릭합니다. 팝업창에서 [지도 퍼가기] 탭을 선택합니다. 여기서 제공되는 HTML 코드가 바로 iFrame 코드입니다. (아래 4단계에서 사용합니다.) 📌 팁: 지도의 크기( width 와 height )는 블로그 레이아웃에 맞게 미리 결정해두세요. (예: 가로 700px, 세로 500px) Step 2. 전국 이마트 분포도를 볼 수 있는 링크 준비하기 사용자가 클릭하면 전국 이마트 분포를 한눈에 볼 수 있도록 네이버 지도 검색 결과 페이지의 URL을 복사해둡니다. 네이버 지도 검색창에 ** 이마트 **를 검색합니다. 지도에 전국 이마트 위치가 표시된 상태에서, 브라우저의 주소창에 있는 URL 을 복사합니다. 이 URL이 바로 사용자가 클릭할 링크 주소가 됩니다. Step 3. 블로그 포스팅에 코드와 안내 문구 작성하기 블로그 포스팅 작성 시, 지도 코드를 삽입할 때는 반드시 HTML 편집 모드 로 전환해야 합니다. 📝 블로그 삽입 예시 코드 (HTML 모드) HTML < div style = "text-align: center;" > < iframe width = "700" heigh...