Google MAP API

<div id="map"></div>

<script>
    function initMap() {
        var latlng = new google.maps.LatLng(36.3556884,138.6339114);
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 15,
          center: latlng
        });
        var marker = new google.maps.Marker({
          position: latlng,
          map: map
        });
      }
</script>
<script async="" defer="" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDLAln06DGOmQr3Wu-qvnxfoIVzlBzBz_k&callback=initMap"></script>

#map {
   width: 100%;
   height: 600px;
 }