AwesomeCodingTutorials.github.io/assets/js/map.apple.js at master · AwesomeCodingTutorials/AwesomeCodingTutorials.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
$(function() {
	'use strict';
	var styleApple = [{
		'featureType': 'landscape.man_made',
		'elementType': 'geometry',
		'stylers': [{
			'color': '#f7f1df'
		}]
	}, {
		'featureType': 'landscape.natural',
		'elementType': 'geometry',
		'stylers': [{
			'color': '#d0e3b4'
		}]
	}, {
		'featureType': 'landscape.natural.terrain',
		'elementType': 'geometry',
		'stylers': [{
			'visibility': 'off'
		}]
	}, {
		'featureType': 'poi',
		'elementType': 'labels',
		'stylers': [{
			'visibility': 'off'
		}]
	}, {
		'featureType': 'poi.business',
		'elementType': 'all',
		'stylers': [{
			'visibility': 'off'
		}]
	}, {
		'featureType': 'poi.medical',
		'elementType': 'geometry',
		'stylers': [{
			'color': '#fbd3da'
		}]
	}, {
		'featureType': 'poi.park',
		'elementType': 'geometry',
		'stylers': [{
			'color': '#bde6ab'
		}]
	}, {
		'featureType': 'road',
		'elementType': 'geometry.stroke',
		'stylers': [{
			'visibility': 'off'
		}]
	}, {
		'featureType': 'road',
		'elementType': 'labels',
		'stylers': [{
			'visibility': 'off'
		}]
	}, {
		'featureType': 'road.highway',
		'elementType': 'geometry.fill',
		'stylers': [{
			'color': '#ffe15f'
		}]
	}, {
		'featureType': 'road.highway',
		'elementType': 'geometry.stroke',
		'stylers': [{
			'color': '#efd151'
		}]
	}, {
		'featureType': 'road.arterial',
		'elementType': 'geometry.fill',
		'stylers': [{
			'color': '#ffffff'
		}]
	}, {
		'featureType': 'road.local',
		'elementType': 'geometry.fill',
		'stylers': [{
			'color': 'black'
		}]
	}, {
		'featureType': 'transit.station.airport',
		'elementType': 'geometry.fill',
		'stylers': [{
			'color': '#cfb2db'
		}]
	}, {
		'featureType': 'water',
		'elementType': 'geometry',
		'stylers': [{
			'color': '#a2daf2'
		}]
	}];
	var mapApple = new GMaps({
		el: '#mapApple',
		zoom: 14,
		lat: 40.702247,
		lng: -73.996349
	});
	// Map style is based on:
	// https://snazzymaps.com/style/4183/mostly-grayscale
	mapApple.addStyle({
		styledMapName: 'Shades Of Grey Map',
		styles: styleApple,
		mapTypeId: 'map_apple'
	});
	mapApple.setStyle('map_apple');
});