Custom themes in Google Maps

by Faisal Khan Janjua

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&amp;callback=myMap"></script>
<div id="headquarters-map"></div>

CSS

*{
  margin:0;
  padding:0;
}
#headquarters-map{
  left:0;
  right:0;
  top:0;
  bottom:0;
  position:absolute;
}

JavaScript

function myMap() {
  var mapProp= {
    center:new google.maps.LatLng(51.508742,-0.120850),
    maptype: 'ROADMAP',
    zoom: 14,
    markers: [
      {
        /*address: "Melbourne, Australia",
        html: "Melbourne, Australia",*/
        icon: {
          image: "images/icons/map-icon-red.png",
          iconsize: [32, 32],
          iconanchor: [14,44]
        }
      }
    ],
    doubleclickzoom: false,
    controls: {
      panControl: false,
      zoomControl: false,
      mapTypeControl: false,
      scaleControl: false,
      streetViewControl: false,
      overviewMapControl: false
    },
    styles:...