본문 바로가기
티스토리 사용기

[티스토리] Tistory 네이버 지도 삽입 및 중앙정렬 - 초간단 설명

by 독학하는 1인 개발자 2020. 9. 4.

티스토리 사용기

 

- Tistory 네이버 지도 삽입

 

블로그 포스팅 내

 

네이버 지도 삽입하는 방법

 

 

 

 

 

 

 

 

1. 네이버지도 v4 버전 접속

v4.map.naver.com/

 

네이버 지도

자동차/대중교통/자전거/도보 길찾기, 실시간 교통 및 버스위치, CCTV, 지하철, 버스노선, 거리뷰, 뮤지엄뷰 제공.

v4.map.naver.com

 

일반적으로 네이버에서 들어가면 v5 버전으로 접속되는데

html 소스 복사를 제공하지 않는다.

 

 

 

 

2. 원하는 장소를 검색한다.

 

 

예를 들어 강남역을 검색하면 강남역 주변 지도가 나온다.

 

 

 

 

3. html 코드를 복사한다.

 

 

오른쪽에 보면 링크 모양이 있는 것을 확인할 수 있다.

그 링크 모양을 클릭하면 URL복사와 HTML 태그 복사 이렇게 두 가지가 뜬다.

 

HTML 태그를 복사한다.

 

 

 

 

4. 티스토리에 HTML 코드를 붙여 넣는다.

 

 

글쓰기 모드를

[기본모드] 에서 -> [HTML] 모드로 변경한 후

원하는 위치에 코드를 붙여넣기 한다.

 

 

 

 

 

여기까지하면 끝!

 

 

인데

 

지도를 중앙정렬하는 방법도 알아보자.

 

 

 

 

기본적으로 지도를 첨부하면

왼쪽정렬이 되는 것을 확인할 수 있다.

 

중앙정렬을 하기 위해서는

다음 코드를 지도 코드 위아래로 삽입하면 된다.

 

<div align="center">

 

</div>

 

 

복사해서 퍼온 지도코드의 

위아래로 삽입해주면 된다.

 

 

 

 

 

 

*기본적으로 삽입한 네이버 지도

지도 크게 보기
2020.9.4 | 지도 크게 보기 ©  NAVER Corp.

 

 

 

*중앙정렬한 네이버 지도

지도 크게 보기
2020.9.4 | 지도 크게 보기 ©  NAVER Corp.

 

 

 

진짜 끝~!

 

 

 

 

 

댓글