gmaps.js

 var map;
$(document).ready(function(){
  map = new GMaps({
    div: '#map-canvas',
    zoom: 5,
    lat: 38.636206,
    lng: -90.246758,
    scrollwheel: false,
    panControl: false,
    streetViewControl: false,
    mapTypeControl: false,
    //zoomControl: false,
    scaleControl: false,
    navigationControl: false,
    styles:[
    {
        "featureType": "administrative",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#444444"
            }
        ]
    },
    {
        "featureType": "landscape",
        "elementType": "all",
        "stylers": [
            {
                "color": "#f2f2f2"
            }
        ]
    },
    {
        "featureType": "poi",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "all",
        "stylers": [
            {
                "saturation": -100
            },
            {
                "lightness": 45
            }
        ]
    },
    {
        "featureType": "road.highway",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "simplified"
            }
        ]
    },
    {
        "featureType": "road.arterial",
        "elementType": "labels.icon",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "transit",
        "elementType": "all",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "water",
        "elementType": "all",
        "stylers": [
            {
                "color": "#b9b9b9"
            },
            {
                "visibility": "on"
            }
        ]
    }
  ],
  }); // END GMAPS OPTIONS
  /**
  *
  * Gold/Silver/Broze Icons
  *
  **/
  
  var iconGold = new google.maps.MarkerImage("http://cdn.shopify.com/s/files/1/0588/0885/t/2/assets/pinGold.png", null, null, null, new google.maps.Size(45,45));
  var iconSilver = new google.maps.MarkerImage("http://cdn.shopify.com/s/files/1/0588/0885/t/2/assets/pinSilver.png", null, null, null, new google.maps.Size(45,45));
  var iconBronze = new google.maps.MarkerImage("http://cdn.shopify.com/s/files/1/0588/0885/t/2/assets/pinBronze.png", null, null, null, new google.maps.Size(45,45));


  var SYNEKicon = new google.maps.MarkerImage("http://cdn.shopify.com/s/files/1/0588/0885/t/2/assets/marker-synek@2x.png", null, null, null, new google.maps.Size(107,118));
  // ADD MARKERS TO THE MAP
  map.addMarker({
    lat: 38.636206,
    lng: -90.246758,
    title: 'SYNEK',
    icon: SYNEKicon,
    infoWindow: {
      content: '<p>SYNEK Home<br />4240</p>'
    }
  });
}); // END MAP