티스토리에 구글지도 넣는 방법 입니다!
구글지도에서 검색 후
1. '공유' 버튼 클릭
2. 지도 퍼가기 칸에서 'HTML 복사' 클릭
순서대로 해줍니다 ~
위에서 복사한 HTML을 아래 빨간 글씨 위치에 넣어줍니다.
( 가운데 정렬을 안 하고 싶으시면 <center> 와 </center> 는 삭제 해주시면 되요! )
<!Google Map>
<cetner>
여기에 위에서 복사했던 HTML 을 넣어 줍니다.
</center>
<!Google Map>
그러면 아래 처럼 이런식으로 될꺼예요~
<!Google Map>
<cetner>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d818739.621518415!2d126.7438934268878!3d36.71771809829371!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x356548d7ba4a6601%3A0xd196d69d988ad3b5!2z64yA7KCE6rSR7Jet7Iuc!5e0!3m2!1sko!2skr!4v1698577637555!5m2!1sko!2skr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</center>
<!Google Map>
1. 위 코드까지 작성 후 복사를 해줍니다.
2. 화면 위에 보시면 '기본모드' 가 있는데, 이걸 HTML로 변경해 줍니다.
3. 원하는 위치에 추가 붙여넣기를 해줍니다. ㅎ
아래 예시 입니다.
