programming/jsp

[jsp] 구글 지도 embed 약도 찾아오는길 넣기

labj 2018. 7. 5. 10:33

[jsp] 구글 지도 embed 약도 찾아오는길 넣기 



1. 구글 사이트 접속

https://www.google.co.kr/maps


2. 주소 검색 후 위치 선택



3. 메뉴 클릭 후 지도 '공유 또는 퍼가기' 메뉴 클릭



3. 지도 퍼가기 탭을 선택합니다.




4. HTML 복사를 클릭합니다. 

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5307.286631606039!2d126.75494631707626!3d37.725979517477164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x573e3bffe279ccdc!2z6rCA656M7JeU7YyM7Yq466mU66W065SU7JWZ7JWE7YyM7Yq4!5e0!3m2!1sko!2skr!4v1530754214898" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>




5. 복사된 HTML을 홈페이지 html 파일에 복사해 붙여 넣습니다.


<html>

<body>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5307.286631606039!2d126.75494631707626!3d37.725979517477164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x573e3bffe279ccdc!2z6rCA656M7JeU7YyM7Yq466mU66W065SU7JWZ7JWE7YyM7Yq4!5e0!3m2!1sko!2skr!4v1530754214898" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

</body>

</html>



[jsp] 구글 지도 embed 약도 찾아오는길 넣기 

'programming > jsp' 카테고리의 다른 글

[jsp] ajax data  (0) 2019.02.25
swiper 슬라이더 참고  (0) 2018.07.27
[웹폰트] 본고딕 웹폰트 적용하기  (0) 2018.01.22
[jsp] jsp 파일 변경  (0) 2017.09.25
[jsp] jsonp 테스트  (0) 2016.12.19