Vue) 구글 지도 삽입하기 구글 지도 위치 넣기

 

구글 지도를 vue에 넣는건 너무나도 간단하다

 

 

https://www.google.com/maps

Google Maps

 

 

구글 맵에 들어가서 원하는 장소 검색

 

장소가 검색되면 "공유"버튼 클릭

 

 

 

 

"지도 퍼가기" 클릭

 

 

 

HTML 입력

<div id="map" style="width: 100%; height: 400px;>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3163.017489641747!2d126.97038054301899!3d37.55465172443763!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca3e3564c132f%3A0xe51f94b3ae4bff12!2z7ISc7Jq47Jet!5e0!3m2!1sko!2skr!4v1770603384401!5m2!1sko!2skr" 
    width="600" 
    height="450" 
    style="border:0;" 
    allowfullscreen="" 
    loading="lazy" 
    referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>

 

 

복사한거 그대로 가져오고,

가로, 세로 값 등은 개인에 맞게 커스텀 하면된다

 

 

 

완성!!