<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY&q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>
<!DOCTYPE html>
<html>
  <head>
    <title>Play</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
	    function initMap() {
		    var map = new google.maps.Map(document.getElementById('map'), {
		      center: {lat: 40.82, lng: -73.9493},
		      zoom: 15
		    });
	        var marker = new google.maps.Marker({
	          position: {lat: 40.82, lng: -73.9493},
	          map: map
	        });
      }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA7lpJkNjlPd3Cl6UJAr7nAyM1U0eMTH6I&callback=initMap"
    async defer></script>
  </body>
</html>
Update map to javasript version of google map and center to ccny. Also add marker to ccny and set zoom to 15 for now
Update map to javasript version of google map and center to ccny. Also add marker to ccny and set zoom to 15 for now
