first commit

static/vendor/g-map/gmap.js

@@ -0,0 +1,183 @@
+/**
+ * Created by Kausar on 06/10/2016.
+ */
+window.marker = null;
+
+function initialize() {
+    var map;
+    var nottingham = new google.maps.LatLng(23.7783741, 90.3746808);
+    var style = [
+        {
+            "featureType": "all",
+            "elementType": "geometry",
+            "stylers": [
+                {
+                    "color": "#202c3e"
+                }
+            ]
+        },
+        {
+            "featureType": "all",
+            "elementType": "labels.text.fill",
+            "stylers": [
+                {
+                    "gamma": 0.01
+                },
+                {
+                    "lightness": 20
+                },
+                {
+                    "weight": "1.39"
+                },
+                {
+                    "color": "#ffffff"
+                }
+            ]
+        },
+        {
+            "featureType": "all",
+            "elementType": "labels.text.stroke",
+            "stylers": [
+                {
+                    "weight": "0.96"
+                },
+                {
+                    "saturation": "9"
+                },
+                {
+                    "visibility": "on"
+                },
+                {
+                    "color": "#000000"
+                }
+            ]
+        },
+        {
+            "featureType": "all",
+            "elementType": "labels.icon",
+            "stylers": [
+                {
+                    "visibility": "off"
+                }
+            ]
+        },
+        {
+            "featureType": "landscape",
+            "elementType": "geometry",
+            "stylers": [
+                {
+                    "lightness": 30
+                },
+                {
+                    "saturation": "9"
+                },
+                {
+                    "color": "#29446b"
+                }
+            ]
+        },
+        {
+            "featureType": "poi",
+            "elementType": "geometry",
+            "stylers": [
+                {
+                    "saturation": 20
+                }
+            ]
+        },
+        {
+            "featureType": "poi.park",
+            "elementType": "geometry",
+            "stylers": [
+                {
+                    "lightness": 20
+                },
+                {
+                    "saturation": -20
+                }
+            ]
+        },
+        {
+            "featureType": "road",
+            "elementType": "geometry",
+            "stylers": [
+                {
+                    "lightness": 10
+                },
+                {
+                    "saturation": -30
+                }
+            ]
+        },
+        {
+            "featureType": "road",
+            "elementType": "geometry.fill",
+            "stylers": [
+                {
+                    "color": "#193a55"
+                }
+            ]
+        },
+        {
+            "featureType": "road",
+            "elementType": "geometry.stroke",
+            "stylers": [
+                {
+                    "saturation": 25
+                },
+                {
+                    "lightness": 25
+                },
+                {
+                    "weight": "0.01"
+                }
+            ]
+        },
+        {
+            "featureType": "water",
+            "elementType": "all",
+            "stylers": [
+                {
+                    "lightness": -20
+                }
+            ]
+        }
+    ];
+    var mapOptions = {
+        // SET THE CENTER
+        center: nottingham,
+        // SET THE MAP STYLE & ZOOM LEVEL
+        mapTypeId: google.maps.MapTypeId.ROADMAP,
+        // SET THE BACKGROUND COLOUR
+        backgroundColor: "#000",
+        // REMOVE ALL THE CONTROLS EXCEPT ZOOM
+        zoom: 13,
+        panControl: false,
+        scrollwheel: false,
+        zoomControl: true,
+        mapTypeControl: false,
+        scaleControl: false,
+        streetViewControl: false,
+        overviewMapControl: false,
+        zoomControlOptions: {
+            style: google.maps.ZoomControlStyle.LARGE
+        }
+    };
+    map = new google.maps.Map(document.getElementById('map'), mapOptions);
+    // SET THE MAP TYPE
+    var mapType = new google.maps.StyledMapType(style, {
+        name: "Grayscale"
+    });
+    map.mapTypes.set('grey', mapType);
+    map.setMapTypeId('grey');
+    //CREATE A CUSTOM PIN ICON
+    var marker_image = 'images/pin.png';
+    var pinIcon = new google.maps.MarkerImage(marker_image, null, null, null, new google.maps.Size(32, 32));
+    marker = new google.maps.Marker({
+        position: nottingham,
+        map: map,
+        icon: pinIcon,
+        title: 'stack'
+    });
+}
+google.maps.event.addDomListener(window, 'load', initialize);