구글맵 간단히 불러오는 방법 초간단 생성!

오늘은 구글맵의 HTML 코드를 생성해주는 사이트를 소개해 드립니다. 정말 너무 간단해서 따로 설명할 필요가 없을 정도 입니다.

구글맵 html 코드 생성해주는 사이트

https://google-map-generator.com

위의 이미지와 같이 구글맵에서 조회할 위치를 주소형태로 적어 넣어도 되고 유명한 곳은 이름을 넣어도 된다. 이마트, 구청 이런 곳은 이름만으로도 가능하다.

그리고 Get HTML-Code 버튼을 누르면 코드를 생성해 준다.

<div class="mapouter">
  <div class="gmap_canvas">
    <iframe width="300" height="300" id="gmap_canvas" src="https://maps.google.com/maps?q=%EC%84%9C%EC%9A%B8%EC%8B%9C%20%EC%9D%80%ED%8F%89%EA%B5%AC%20%EC%9D%91%EC%95%94%EB%8F%99%20%EC%9D%B4%EB%A7%88%ED%8A%B8&t=&z=17&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
    <a href="https://2piratebay.org"></a>
    <br>
    <style>
      .mapouter{position:relative;text-align:right;height:300px;width:300px;}
    </style>
    <a href="https://www.embedgooglemap.net">google map for websites</a>
    <style>
      .gmap_canvas {overflow:hidden;background:none!important;height:300px;width:300px;}
    </style>
  </div>
</div>

위와 같은 코드가 생성되었다. 이것을 자신에 맞게 style를 변경해서 넣어도 되고 그냥 넣어도 된다.

서울시 은평구 응암동 이마트 구글맵 생성

위의 구글맵은 실험 삼아서 한번 넣어본 것이다. 그런대로 쓸만한 것 같다. 오늘은 구글맵 html 생성기에 대해서 알아봤다.