implementing google maps

index.html down

<script src="js/scripts.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyACgYearY6AZ7p6x5SM2gr6PB2cNkTAOZ4&callback=initMap"
    async defer></script>

index.html up

<div class="stalker-poster">
        <h3><span class="glyphicon glyphicon-map-marker"></span>  Where can you find me?</h3>
        <p>If you need to meet me in person, you can find me at the <strong>Amerika-Gedenk-Bibliothek</strong> in Kreuzberg</p>
        
        <div id="map"></div>
</div> <!-- stalker poster end -->

scripts.js

//GOOGLE MAP ZOOM
function initMap() {
  var myLatLng = {lat: 52.4965527, lng: 13.3924497};


  var map = new google.maps.Map(document.getElementById('map'), {
    center: myLatLng,
    zoom: 14
  });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Find Me Here!'
  });
}