first commit

public/assets/js/map.mapbox.js

@@ -0,0 +1,109 @@
+$(function() {
+
+  'use strict';
+
+  var styleMapBox = [{
+    'featureType': 'water',
+    'stylers': [{
+      'saturation': 43
+    }, {
+      'lightness': -11
+    }, {
+      'hue': '#0088ff'
+    }]
+  }, {
+    'featureType': 'road',
+    'elementType': 'geometry.fill',
+    'stylers': [{
+      'hue': '#ff0000'
+    }, {
+      'saturation': -100
+    }, {
+      'lightness': 99
+    }]
+  }, {
+    'featureType': 'road',
+    'elementType': 'geometry.stroke',
+    'stylers': [{
+      'color': '#808080'
+    }, {
+      'lightness': 54
+    }]
+  }, {
+    'featureType': 'landscape.man_made',
+    'elementType': 'geometry.fill',
+    'stylers': [{
+      'color': '#ece2d9'
+    }]
+  }, {
+    'featureType': 'poi.park',
+    'elementType': 'geometry.fill',
+    'stylers': [{
+      'color': '#ccdca1'
+    }]
+  }, {
+    'featureType': 'road',
+    'elementType': 'labels.text.fill',
+    'stylers': [{
+      'color': '#767676'
+    }]
+  }, {
+    'featureType': 'road',
+    'elementType': 'labels.text.stroke',
+    'stylers': [{
+      'color': '#ffffff'
+    }]
+  }, {
+    'featureType': 'poi',
+    'stylers': [{
+      'visibility': 'off'
+    }]
+  }, {
+    'featureType': 'landscape.natural',
+    'elementType': 'geometry.fill',
+    'stylers': [{
+      'visibility': 'on'
+    }, {
+      'color': '#b8cb93'
+    }]
+  }, {
+    'featureType': 'poi.park',
+    'stylers': [{
+      'visibility': 'on'
+    }]
+  }, {
+    'featureType': 'poi.sports_complex',
+    'stylers': [{
+      'visibility': 'on'
+    }]
+  }, {
+    'featureType': 'poi.medical',
+    'stylers': [{
+      'visibility': 'on'
+    }]
+  }, {
+    'featureType': 'poi.business',
+    'stylers': [{
+      'visibility': 'simplified'
+    }]
+  }];
+
+  var mapMapBox = new GMaps({
+    el: '#mapMapBox',
+    zoom: 14,
+    lat: 40.702247,
+    lng: -73.996349
+  });
+
+
+  // Map style is based on:
+  // https://snazzymaps.com/style/4183/mostly-grayscale
+  mapMapBox.addStyle({
+    styledMapName:'MapBox',
+    styles: styleMapBox,
+    mapTypeId: 'map_mapbox'
+  });
+
+  mapMapBox.setStyle('map_mapbox');
+
+});