https://www.reigatehillgolfclub.co.uk/js/map.js

1//    |  |  |  |  |  |  |  |  |  |  |  |
2//    |  |  |  |  |  |  |  |  |  |  |  |
3//    v  v  v  v  v  v  v  v  v  v  v  v
4
5// ==================================================================================
6// PLEASE INSERT YOUR CONTACT DETAILS HERE
7
8var latitude    = "51.263903"; // Use this website to find your coordinates: http://itouchmap.com/latlong.html
9var longitude   = "-0.161961";
10var address     = "<strong>Reigate Hill Golf Club</strong><br />Gatton Bottom, Reigate<br />Surrey, RH2 0TU";
11var phone       = "Tel: 01737 645577";
12var email       = "[email protected]";
13
14// ==================================================================================
15
16//    ^  ^  ^  ^  ^  ^  ^  ^  ^  ^  ^  ^
17//    |  |  |  |  |  |  |  |  |  |  |  |
18//    |  |  |  |  |  |  |  |  |  |  |  |
19
20
21/* -- Custom Google Map
22   ---------------------------- */
23
24var map;
25var MY_MAPTYPE_ID = 'custom_style';
26
27function initialize() {
28
29  var coordinates = new google.maps.LatLng(latitude, longitude);
30
31  var featureOpts = [
32    {
33      stylers: [
34        { gamma: 1 },
35        { weight: 2 }
36      ]
37    },
38    {
39    "elementType": "geometry",
40    "stylers": [
41      {
42        "color": "#f7f7fd"
43      }
44    ]
45  },
46  {
47    "elementType": "labels.icon",
48    "stylers": [
49      {
50        "visibility": "off"
51      }
52    ]
53  },
54  {
55    "elementType": "labels.icon",
56    "stylers": [
57      {
58        "saturation": "-100"
59		}
60    ]
61  },
62  {
63    "elementType": "labels.text.fill",
64    "stylers": [
65      {
66        "color": "#616161"
67      }
68    ]
69  },
70  {
71    "elementType": "labels.text.stroke",
72    "stylers": [
73      {
74        "color": "#f5f5f5"
75      }
76    ]
77  },
78  {
79    "featureType": "administrative.land_parcel",
80    "elementType": "labels.text.fill",
81    "stylers": [
82      {
83        "color": "#bdbdbd"
84      }
85    ]
86  },
87  {
88    "featureType": "poi",
89    "elementType": "geometry",
90    "stylers": [
91      {
92        "color": "#f7f7fd"
93      }
94    ]
95  },
96  {
97    "featureType": "poi",
98    "elementType": "labels.text.fill",
99    "stylers": [
100      {
101        "visibility": "on"
102      }
103    ]
104  },
105  {
106    "featureType": "poi.park",
107    "elementType": "geometry",
108    "stylers": [
109      {
110        "color": "#f7f7fd"
111      }
112    ]
113  },
114  {
115    "featureType": "poi.park",
116    "elementType": "labels.text.fill",
117    "stylers": [
118      {
119        "color": "#9e9e9e"
120      }
121    ]
122  },
123  {
124    "featureType": "road",
125    "elementType": "geometry",
126    "stylers": [
127      {
128        "color": "#ffffff"
129      }
130    ]
131  },
132  {
133    "featureType": "road.arterial",
134    "elementType": "labels.text.fill",
135    "stylers": [
136      {
137        "color": "#757575"
138      }
139    ]
140  },
141  {
142    "featureType": "road.highway",
143    "elementType": "geometry",
144    "stylers": [
145      {
146        "color": "#ffffff"
147      }
148    ]
149  },
150  {
151    "featureType": "road.highway",
152    "elementType": "labels.text.fill",
153    "stylers": [
154      {
155        "color": "#616161"
156      }
157    ]
158  },
159  {
160    "featureType": "road.local",
161    "elementType": "labels.text.fill",
162    "stylers": [
163      {
164        "color": "#9e9e9e"
165      }
166    ]
167  },
168  {
169    "featureType": "transit.line",
170    "elementType": "geometry",
171    "stylers": [
172      {
173        "color": "#e5e5e5"
174      }
175    ]
176  },
177  {
178    "featureType": "transit.station",
179    "elementType": "geometry",
180    "stylers": [
181      {
182        "color": "#eeeeee"
183      }
184    ]
185  },
186  {
187    "featureType": "water",
188    "elementType": "geometry",
189    "stylers": [
190      {
191        "color": "#728b96"
192      }
193    ]
194  },
195  {
196    "featureType": "water",
197    "elementType": "labels.text.fill",
198    "stylers": [
199      {
200        "color": "#9e9e9e"
201      }
202    ]
203  }
204  ];
205
206  var isDraggable = $(document).width() > 1024 ? true : false; // If document (your website) is wider than 480px, isDraggable = true, else isDraggable = false
207  var mapOptions = {
208    zoom: 16,
209    disableDefaultUI: false,
210    center: coordinates,
211    scrollwheel: false,
212	draggable: isDraggable,
213    mapTypeControlOptions: {
214      mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
215    },
216    mapTypeId: MY_MAPTYPE_ID
217  };
218
219  map = new google.maps.Map(document.getElementById('map'),
220      mapOptions);
221
222  var styledMapOptions = {
223    name: 'Our Location'
224  };
225
226  var customMapType = new google.maps.StyledMapType(featureOpts, styledMapOptions);
227
228  map.mapTypes.set(MY_MAPTYPE_ID, customMapType);
229
230  var contentString = '<div class="contact-details">' + address + '<br /><br />' + phone + '<br /><a href="mailto:' + email + '">' + email + '</a></div>';
231
232  var infowindow = new google.maps.InfoWindow({
233    content: contentString
234  });
235
236  var image = {
237    url: './img/marker.svg',
238    scaledSize: new google.maps.Size(50, 50),
239}
240  var marker = new google.maps.Marker({
241      position: coordinates,
242      map: map,
243      icon: image
244  });
245
246  google.maps.event.addListener(marker, 'click', function() {
247      infowindow.open(map,marker);
248  });
249
250}
251
252google.maps.event.addDomListener(window, 'load', initialize);
253
254
255