구글 맵 API 가져오기

https://cloud.google.com/maps-platform/

예전에는 무료였다고는 하나 지금은 한정적으로 무료로 사용가능.

카드 등록하고 사용할수있는데, 자동결제는 되지 않는다고 한다.

https://developers.google.com/maps/documentation/javascript/get-api-key

API키 찾는방법.

매뉴얼대로 따라하면 바로 화면이 뜨는걸 확인할 수 있다.

지도의 상세 정도를 조절하고 싶다면

아래 스크립트에서 zoom의 숫자를 높여주면 된다

<script>

      var map;

      function initMap() {

        map = new google.maps.Map(document.getElementById('map'), {

          center: {lat: -34.397, lng: 150.644},

          zoom: 10

        });

      }

    </script>