Google Map - "Birdseye View"

by Sarah Godoshian

HTML

<h3>My Google Maps Demo</h3>
<div id="map"></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>

CSS

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

JavaScript

function initMap() {
  var location = {lat: 33.544338, lng: -117.791686};
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 20,
    center: location,
    tilt: 45,
    mapTypeId: 'hybrid',
    clickableIcons: false,
    disableDoubleClickZoom: true,
    draggable: false,
    gestureHandling: 'none',
    keyboardShortcuts: false,
    mapTypeControl: false,
    panControl: false,
    rotateControl: false,
    scaleControl: false,
    scrollwheel: false,
    streetViewControl: false,
    zoomControl: false,
  });
  var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: 'http://orig04.deviantart.net/4f55/f/2009/218/b/8/hello_kitty_cookie_prize_by_ranafroggie.png'
  });
}