https://customcans.co.uk/js/map.js

1jQuery(function ($) {
2   "use strict";
3   if ($("#googleMap").length) {
4      function initialize() {
5         var mapOptions = {
6            zoom: 16,
7            scrollwheel: false,
8            center: new google.maps.LatLng(51.496611, -0.137964),
9            zoomControl: true,
10            gestureHandling: 'cooperative',
11            overviewMapControl: true,
12            zoomControlOptions: {
13                position: google.maps.ControlPosition.TOP_LEFT
14            },
15         };
16         var map = new google.maps.Map(document.getElementById("googleMap"), mapOptions);
17         var marker = new google.maps.Marker({
18            icon: "images/pin.jpg",
19            animation: google.maps.Animation.BOUNCE,
20            position: map.getCenter(),
21            title: "Synx",
22            map: map
23         });
24
25         /*If u want an info window*/
26         /*var infowindow = new google.maps.InfoWindow({
27           content: "bckjdbcsd",
28         });
29         marker.addListener('click', function() {
30           infowindow.open(map, marker);
31         });*/
32
33
34         var styles = [
35            {
36               "featureType": "landscape",
37               "elementType": "labels",
38               "stylers": [
39                  {
40                     "visibility": "off"
41                  },
42                  {
43                     "color": "#a2a2a2"
44                  }
45               ]
46            },
47            {
48               "featureType": "transit",
49               "elementType": "labels",
50               "stylers": [
51                  {
52                     "visibility": "on"
53                  }
54               ]
55            },
56            {
57               "featureType": "poi",
58               "elementType": "labels",
59               "stylers": [
60                  {
61                     "visibility": "off"
62                  }
63               ]
64            },
65            {
66               "featureType": "water",
67               "elementType": "labels",
68               "stylers": [
69                  {
70                     "visibility": "on"
71                  }
72               ]
73            },
74            {
75               "featureType": "road",
76               "elementType": "labels.icon",
77               "stylers": [
78                  {
79                     "visibility": "on"
80                  }
81               ]
82            },
83            {
84               "stylers": [
85                  {
86                     "hue": "#bbbbbb"
87                  },
88                  {
89                     "saturation": -100
90                  },
91                  {
92                     "gamma": 1
93                  },
94                  {
95                     "lightness": 1
96                  }
97               ]
98            },
99            {
100               "featureType": "road",
101               "elementType": "labels.text.fill",
102               "stylers": [
103                  {
104                     "visibility": "on"
105                  },
106                  {
107                     "lightness": 24
108                  }
109               ]
110            },
111            {
112               "featureType": "road",
113               "elementType": "geometry",
114               "stylers": [
115                  {
116                     "lightness": 57
117                  },
118               ]
119            }
120         ]
121         map.setOptions({
122            styles: styles
123         });
124      }
125      google.maps.event.addDomListener(window, "load", initialize);
126   }
127});