Map with Marker

by Aaron Li

HTML

<h3>My Google Maps Demo</h3>
<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAN4Cirvxbw6-5xlkU2R_EsBN0miaxcU7s&callback=initMap">
</script>

CSS

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

JavaScript

function initMap() {
  var aristocrat = {lat: 14.568778, lng: 120.984081};
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 18,
    center: aristocrat
  });
  var marker = new google.maps.Marker({
    position: aristocrat,
    map: map
  });
}