├── .gitignore ├── dist ├── css │ └── styles.css ├── fonts │ ├── OpenGostTypeATT.ttf │ ├── OpenGostTypeATT.woff │ └── OpenGostTypeATT.woff2 ├── images │ ├── map-mask.svg │ ├── marker.png │ └── rb-dash.png ├── index.html ├── js │ ├── index.js │ ├── lib │ │ └── jquery-3.1.0.min.js │ └── pointer_events.js └── json │ └── map-style │ ├── map-style_colored.json │ ├── map-style_colored1.json │ ├── map-style_colored10.json │ ├── map-style_colored11.json │ ├── map-style_colored12.json │ ├── map-style_colored2.json │ ├── map-style_colored3.json │ ├── map-style_colored4.json │ ├── map-style_colored5.json │ ├── map-style_colored6.json │ ├── map-style_colored7.json │ ├── map-style_colored8.json │ ├── map-style_colored9.json │ ├── map-style_dark.json │ ├── map-style_night.json │ └── map-style_silver.json ├── gulpfile.js ├── package.json └── src ├── css ├── _fonts.scss ├── _mixins.scss ├── _reset.scss └── styles.scss ├── fonts ├── OpenGostTypeATT.ttf ├── OpenGostTypeATT.woff └── OpenGostTypeATT.woff2 ├── images ├── map-mask.svg ├── marker.png └── rb-dash.png ├── index.pug ├── js ├── index.js ├── lib │ └── jquery-3.1.0.min.js └── pointer_events.js └── json └── map-style ├── map-style_colored.json ├── map-style_colored1.json ├── map-style_colored10.json ├── map-style_colored11.json ├── map-style_colored12.json ├── map-style_colored2.json ├── map-style_colored3.json ├── map-style_colored4.json ├── map-style_colored5.json ├── map-style_colored6.json ├── map-style_colored7.json ├── map-style_colored8.json ├── map-style_colored9.json ├── map-style_dark.json ├── map-style_night.json └── map-style_silver.json /.gitignore: -------------------------------------------------------------------------------- 1 | .idea/ 2 | node_modules/ 3 | -------------------------------------------------------------------------------- /dist/css/styles.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'OpenGostTypeATT'; 3 | src: url("../fonts/OpenGostTypeATT.woff2") format("woff2"), url("../fonts/OpenGostTypeATT.woff") format("woff"), url("../fonts/OpenGostTypeATT.ttf") format("truetype"); 4 | font-weight: normal; 5 | font-style: normal; } 6 | 7 | * { 8 | margin: 0; 9 | padding: 0; 10 | text-decoration: none; 11 | box-sizing: border-box; 12 | position: relative; } 13 | 14 | .map { 15 | width: 100vw; 16 | height: 100vh; 17 | overflow: hidden; } 18 | .map__wrap { 19 | height: 145%; 20 | width: 100%; 21 | border: 0; 22 | position: absolute; 23 | top: 0; 24 | right: 0; 25 | bottom: 0; 26 | left: 0; 27 | z-index: 1; } 28 | .map__mask { 29 | height: 100%; 30 | width: 100%; 31 | background: url(../images/map-mask.svg) top center no-repeat; 32 | background-size: cover; 33 | pointer-events: none; 34 | -webkit-transform: scale(1.01); 35 | transform: scale(1.01); 36 | z-index: 2; } 37 | 38 | .popup-info-substrate, .marker-info__bg-wrap, .poi-info-window::before { 39 | width: calc(100% + 53px); 40 | height: calc(100% + 18px); 41 | position: absolute; 42 | top: 0; 43 | right: 0; 44 | bottom: 0; 45 | left: 0; 46 | top: 50%; 47 | left: 50%; 48 | -webkit-transform: translate(-50%, -50%); 49 | transform: translate(-50%, -50%); 50 | overflow: hidden; } 51 | 52 | .marker-content { 53 | display: none; } 54 | 55 | .marker-info { 56 | padding: 17px 0; } 57 | .marker-info__bg { 58 | display: block; 59 | left: 50%; 60 | top: 50%; 61 | -webkit-transform: translate(-50%, -50%) rotate(45deg); 62 | transform: translate(-50%, -50%) rotate(45deg); 63 | width: 300%; 64 | height: 300%; 65 | background: -webkit-linear-gradient(left, #F44336 6.25%, #E91E63 6.25%, #E91E63 12.5%, #9C27B0 12.5%, #9C27B0 18.75%, #673AB7 18.75%, #673AB7 25%, #3F51B5 25%, #3F51B5 31.25%, #2196F3 31.25%, #2196F3 37.5%, #03A9F4 37.5%, #03A9F4 43.75%, #00BCD4 43.75%, #00BCD4 50%, #009688 50%, #009688 56.25%, #4CAF50 56.25%, #4CAF50 62.5%, #8BC34A 62.5%, #8BC34A 68.75%, #CDDC39 68.75%, #CDDC39 75%, #FFEB3B 75%, #FFEB3B 81.25%, #FFC107 81.25%, #FFC107 87.5%, #FF9800 87.5%, #FF9800 93.75%, #FF5722 93.75%, #FF5722 100%); 66 | background: linear-gradient(to right, #F44336 6.25%, #E91E63 6.25%, #E91E63 12.5%, #9C27B0 12.5%, #9C27B0 18.75%, #673AB7 18.75%, #673AB7 25%, #3F51B5 25%, #3F51B5 31.25%, #2196F3 31.25%, #2196F3 37.5%, #03A9F4 37.5%, #03A9F4 43.75%, #00BCD4 43.75%, #00BCD4 50%, #009688 50%, #009688 56.25%, #4CAF50 56.25%, #4CAF50 62.5%, #8BC34A 62.5%, #8BC34A 68.75%, #CDDC39 68.75%, #CDDC39 75%, #FFEB3B 75%, #FFEB3B 81.25%, #FFC107 81.25%, #FFC107 87.5%, #FF9800 87.5%, #FF9800 93.75%, #FF5722 93.75%, #FF5722 100%); 67 | -webkit-animation: animatedBackground 10s linear infinite; 68 | animation: animatedBackground 10s linear infinite; 69 | background-size: 50%; } 70 | 71 | @-webkit-keyframes animatedBackground { 72 | 0% { 73 | background-position-x: 0; } 74 | 100% { 75 | background-position-x: 100%; } } 76 | 77 | @keyframes animatedBackground { 78 | 0% { 79 | background-position-x: 0; } 80 | 100% { 81 | background-position-x: 100%; } } 82 | .marker-info__dash-wrap { 83 | height: 100px; 84 | width: 150px; 85 | position: absolute; 86 | top: 0; 87 | right: 0; 88 | bottom: 0; 89 | left: 0; 90 | margin: auto; 91 | top: -109px; 92 | bottom: auto; } 93 | .marker-info__rb-dash { 94 | background: url("../images/rb-dash.png") top center no-repeat; 95 | background-size: cover; 96 | width: 100%; 97 | height: 100%; } 98 | .marker-info__text { 99 | font-family: 'OpenGostTypeATT', sans-serif; 100 | font-size: 18px; 101 | color: #fff; 102 | display: block; 103 | text-align: center; 104 | line-height: 1.2; 105 | padding: 20px; 106 | background: #000; 107 | z-index: 5; } 108 | 109 | .poi-info-window { 110 | padding: 20px; 111 | margin-top: 0 !important; } 112 | .poi-info-window::before { 113 | content: ''; 114 | background: -webkit-linear-gradient(135deg, #F44336 6.25%, #E91E63 6.25%, #E91E63 12.5%, #9C27B0 12.5%, #9C27B0 18.75%, #673AB7 18.75%, #673AB7 25%, #3F51B5 25%, #3F51B5 31.25%, #2196F3 31.25%, #2196F3 37.5%, #03A9F4 37.5%, #03A9F4 43.75%, #00BCD4 43.75%, #00BCD4 50%, #009688 50%, #009688 56.25%, #4CAF50 56.25%, #4CAF50 62.5%, #8BC34A 62.5%, #8BC34A 68.75%, #CDDC39 68.75%, #CDDC39 75%, #FFEB3B 75%, #FFEB3B 81.25%, #FFC107 81.25%, #FFC107 87.5%, #FF9800 87.5%, #FF9800 93.75%, #FF5722 93.75%, #FF5722 100%); 115 | background: linear-gradient(-45deg, #F44336 6.25%, #E91E63 6.25%, #E91E63 12.5%, #9C27B0 12.5%, #9C27B0 18.75%, #673AB7 18.75%, #673AB7 25%, #3F51B5 25%, #3F51B5 31.25%, #2196F3 31.25%, #2196F3 37.5%, #03A9F4 37.5%, #03A9F4 43.75%, #00BCD4 43.75%, #00BCD4 50%, #009688 50%, #009688 56.25%, #4CAF50 56.25%, #4CAF50 62.5%, #8BC34A 62.5%, #8BC34A 68.75%, #CDDC39 68.75%, #CDDC39 75%, #FFEB3B 75%, #FFEB3B 81.25%, #FFC107 81.25%, #FFC107 87.5%, #FF9800 87.5%, #FF9800 93.75%, #FF5722 93.75%, #FF5722 100%); 116 | z-index: 1; } 117 | .poi-info-window::after { 118 | content: ''; 119 | width: 100%; 120 | height: calc(100% - 28px); 121 | background: #000; 122 | position: absolute; 123 | top: 0; 124 | right: 0; 125 | bottom: 0; 126 | left: 0; 127 | top: 50%; 128 | left: 50%; 129 | -webkit-transform: translate(-50%, -50%); 130 | transform: translate(-50%, -50%); 131 | z-index: 2; } 132 | .poi-info-window div, .poi-info-window a { 133 | background-color: transparent !important; 134 | color: #fff !important; 135 | z-index: 3; } 136 | 137 | .gm-style-iw { 138 | background: #000; 139 | overflow: visible !important; } 140 | .gm-style-iw::after { 141 | content: ''; 142 | width: 0; 143 | height: 0; 144 | border: 22px solid transparent; 145 | border-top-color: #000; 146 | z-index: 4; 147 | position: absolute; 148 | top: 0; 149 | right: 0; 150 | bottom: 0; 151 | left: 0; 152 | top: auto; 153 | bottom: -53px; 154 | margin: auto; } 155 | .gm-style-iw div { 156 | overflow: visible !important; } 157 | .gm-style-iw > div { 158 | left: 50%; 159 | -webkit-transform: translateX(-50%); 160 | transform: translateX(-50%); } 161 | .gm-style-iw + div { 162 | height: 20px !important; 163 | width: 20px !important; 164 | margin-top: 20px; 165 | margin-right: 20px; 166 | opacity: 1 !important; 167 | border-radius: 50%; 168 | -webkit-transition: -webkit-transform .5s ease; 169 | transition: -webkit-transform .5s ease; 170 | transition: transform .5s ease; 171 | transition: transform .5s ease, -webkit-transform .5s ease; } 172 | .gm-style-iw + div:hover { 173 | -webkit-transform: rotate(360deg); 174 | transform: rotate(360deg); } 175 | .gm-style-iw + div img { 176 | display: none; } 177 | .gm-style-iw + div::before, .gm-style-iw + div::after { 178 | content: ''; 179 | width: 100%; 180 | height: 2px; 181 | position: absolute; 182 | top: 0; 183 | right: 0; 184 | bottom: 0; 185 | left: 0; 186 | margin: auto; 187 | border-radius: 5px; 188 | background: #fff; } 189 | .gm-style-iw + div::before { 190 | -webkit-transform: rotate(-45deg); 191 | transform: rotate(-45deg); } 192 | .gm-style-iw + div::after { 193 | -webkit-transform: rotate(45deg); 194 | transform: rotate(45deg); } 195 | 196 | .gm-style-mtc > div, 197 | .gmnoprint > div, 198 | .gm-svpc { 199 | background-color: #f63981 !important; } 200 | -------------------------------------------------------------------------------- /dist/fonts/OpenGostTypeATT.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/dist/fonts/OpenGostTypeATT.ttf -------------------------------------------------------------------------------- /dist/fonts/OpenGostTypeATT.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/dist/fonts/OpenGostTypeATT.woff -------------------------------------------------------------------------------- /dist/fonts/OpenGostTypeATT.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/dist/fonts/OpenGostTypeATT.woff2 -------------------------------------------------------------------------------- /dist/images/map-mask.svg: -------------------------------------------------------------------------------- 1 | 4 | 6 | 28 | 30 | 32 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /dist/images/marker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/dist/images/marker.png -------------------------------------------------------------------------------- /dist/images/rb-dash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/dist/images/rb-dash.png -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Google Maps customization 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
Tutmee Agency
Петровская ул., 51,
Таганрог, Ростовская обл. 25 |
26 |
27 |
28 |
29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /dist/js/index.js: -------------------------------------------------------------------------------- 1 | var GM = { 2 | init: function () { 3 | this.initCache(); 4 | this.initMap(); 5 | this.initBannerTopParallax(); 6 | }, 7 | 8 | initCache: function() { 9 | this.$body = $('body'); 10 | this.$popupContent = $('.js-marker-content'); 11 | this.parallaxImg = '.js-parallax-img:visible' 12 | }, 13 | 14 | initBannerTopParallax: function () { 15 | var $parallaxImg = null; 16 | 17 | this.$body.mousemove(function(e) { 18 | if($parallaxImg) { 19 | var $el = $(e.currentTarget), 20 | xPos = e.pageX - (window.innerWidth / 2), 21 | mXPcnt = Math.round(xPos / $el.width() * 100), 22 | diffX = $parallaxImg.width() - $el.width(), 23 | myX = diffX * (mXPcnt / 1500); 24 | 25 | $parallaxImg.animate({left: myX}, 0); 26 | } else if($(this.parallaxImg).length) { 27 | $parallaxImg = $(this.parallaxImg); 28 | } 29 | }.bind(this)); 30 | }, 31 | 32 | initMap: function () { 33 | var coordinates = {lat: 47.212325, lng: 38.933663}, 34 | popupContent = this.$popupContent.html(), 35 | markerImage = 'images/marker.png', 36 | zoom = 15, 37 | 38 | map = new google.maps.Map(document.getElementById('map'), { 39 | center: coordinates, 40 | zoom: zoom, 41 | disableDefaultUI: true, 42 | scrollwheel: false 43 | }), 44 | 45 | infowindow = new google.maps.InfoWindow({ 46 | content: popupContent 47 | }), 48 | 49 | marker = new google.maps.Marker({ 50 | position: coordinates, 51 | map: map, 52 | icon: markerImage 53 | }); 54 | 55 | $.getJSON("../json/map-style/map-style_colored.json", function (data) { 56 | map.setOptions({styles: data}); 57 | }); 58 | 59 | google.maps.event.addListener(infowindow,'closeclick',function(){ 60 | marker.setAnimation(google.maps.Animation.BOUNCE); 61 | }); 62 | 63 | marker.addListener('click', function () { 64 | marker.setAnimation(null); 65 | }); 66 | 67 | marker.addListener('click', function() { 68 | infowindow.open(map, marker); 69 | }); 70 | 71 | infowindow.open(map, marker); 72 | } 73 | }; 74 | 75 | $(document).ready(function() { 76 | GM.init(); 77 | }); 78 | -------------------------------------------------------------------------------- /dist/js/pointer_events.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Pointer Events Polyfill: Adds support for the style attribute "pointer-events: none" to browsers without this feature (namely, IE). 3 | * (c) 2013, Kent Mewhort, licensed under BSD. See LICENSE.txt for details. 4 | */ 5 | 6 | // constructor 7 | function PointerEventsPolyfill(options){ 8 | // set defaults 9 | this.options = { 10 | selector: '*', 11 | mouseEvents: ['click','dblclick','mousedown','mouseup'], 12 | usePolyfillIf: function(){ 13 | if(navigator.appName == 'Microsoft Internet Explorer') 14 | { 15 | var agent = navigator.userAgent; 16 | if (agent.match(/MSIE ([0-9]{1,}[\.0-9]{0,})/) != null){ 17 | var version = parseFloat( RegExp.$1 ); 18 | if(version < 11) 19 | return true; 20 | } 21 | } 22 | return false; 23 | } 24 | }; 25 | if(options){ 26 | var obj = this; 27 | $.each(options, function(k,v){ 28 | obj.options[k] = v; 29 | }); 30 | } 31 | 32 | if(this.options.usePolyfillIf()) 33 | this.register_mouse_events(); 34 | } 35 | 36 | // singleton initializer 37 | PointerEventsPolyfill.initialize = function(options){ 38 | if(PointerEventsPolyfill.singleton == null) 39 | PointerEventsPolyfill.singleton = new PointerEventsPolyfill(options); 40 | return PointerEventsPolyfill.singleton; 41 | }; 42 | 43 | // handle mouse events w/ support for pointer-events: none 44 | PointerEventsPolyfill.prototype.register_mouse_events = function(){ 45 | // register on all elements (and all future elements) matching the selector 46 | $(document).on(this.options.mouseEvents.join(" "), this.options.selector, function(e){ 47 | if($(this).css('pointer-events') == 'none'){ 48 | // peak at the element below 49 | var origDisplayAttribute = $(this).css('display'); 50 | $(this).css('display','none'); 51 | 52 | var underneathElem = document.elementFromPoint(e.clientX, e.clientY); 53 | 54 | if(origDisplayAttribute) 55 | $(this) 56 | .css('display', origDisplayAttribute); 57 | else 58 | $(this).css('display',''); 59 | 60 | // fire the mouse event on the element below 61 | e.target = underneathElem; 62 | $(underneathElem).trigger(e); 63 | 64 | return false; 65 | } 66 | return true; 67 | }); 68 | }; 69 | 70 | $(document).ready(function(){ 71 | PointerEventsPolyfill.initialize({}); 72 | }); -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#5bc4bf" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "all", 13 | "elementType": "labels.text.fill", 14 | "stylers": [ 15 | { 16 | "saturation": 36 17 | }, 18 | { 19 | "color": "#f6c939" 20 | }, 21 | { 22 | "lightness": 40 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "all", 28 | "elementType": "labels.text.stroke", 29 | "stylers": [ 30 | { 31 | "visibility": "on" 32 | }, 33 | { 34 | "color": "#f6c939" 35 | }, 36 | { 37 | "lightness": 16 38 | }, 39 | { 40 | "weight": "1.00" 41 | }, 42 | { 43 | "gamma": "1.00" 44 | } 45 | ] 46 | }, 47 | { 48 | "featureType": "all", 49 | "elementType": "labels.icon", 50 | "stylers": [ 51 | { 52 | "visibility": "simplified" 53 | }, 54 | { 55 | "hue": "#ff005c" 56 | }, 57 | { 58 | "lightness": "-9" 59 | }, 60 | { 61 | "saturation": "64" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "administrative", 67 | "elementType": "geometry.fill", 68 | "stylers": [ 69 | { 70 | "color": "#541c56" 71 | }, 72 | { 73 | "lightness": 20 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "administrative", 79 | "elementType": "geometry.stroke", 80 | "stylers": [ 81 | { 82 | "color": "#541c56" 83 | }, 84 | { 85 | "lightness": 17 86 | }, 87 | { 88 | "weight": 1.2 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "administrative", 94 | "elementType": "labels.text.stroke", 95 | "stylers": [ 96 | { 97 | "weight": "0.80" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape", 103 | "elementType": "geometry", 104 | "stylers": [ 105 | { 106 | "lightness": "4" 107 | }, 108 | { 109 | "saturation": "3" 110 | }, 111 | { 112 | "hue": "#00ffe0" 113 | }, 114 | { 115 | "visibility": "on" 116 | }, 117 | { 118 | "weight": "0.60" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape", 124 | "elementType": "geometry.fill", 125 | "stylers": [ 126 | { 127 | "saturation": "10" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "landscape", 133 | "elementType": "geometry.stroke", 134 | "stylers": [ 135 | { 136 | "lightness": "28" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "landscape", 142 | "elementType": "labels.text.stroke", 143 | "stylers": [ 144 | { 145 | "weight": "0.80" 146 | }, 147 | { 148 | "lightness": "0" 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "poi", 154 | "elementType": "all", 155 | "stylers": [ 156 | { 157 | "visibility": "on" 158 | } 159 | ] 160 | }, 161 | { 162 | "featureType": "poi", 163 | "elementType": "geometry", 164 | "stylers": [ 165 | { 166 | "color": "#5bc4bf" 167 | }, 168 | { 169 | "lightness": "-3" 170 | }, 171 | { 172 | "visibility": "on" 173 | } 174 | ] 175 | }, 176 | { 177 | "featureType": "poi", 178 | "elementType": "labels.text.stroke", 179 | "stylers": [ 180 | { 181 | "weight": "0.80" 182 | } 183 | ] 184 | }, 185 | { 186 | "featureType": "poi.attraction", 187 | "elementType": "all", 188 | "stylers": [ 189 | { 190 | "visibility": "on" 191 | } 192 | ] 193 | }, 194 | { 195 | "featureType": "poi.business", 196 | "elementType": "all", 197 | "stylers": [ 198 | { 199 | "visibility": "on" 200 | } 201 | ] 202 | }, 203 | { 204 | "featureType": "poi.government", 205 | "elementType": "all", 206 | "stylers": [ 207 | { 208 | "visibility": "on" 209 | } 210 | ] 211 | }, 212 | { 213 | "featureType": "poi.medical", 214 | "elementType": "all", 215 | "stylers": [ 216 | { 217 | "visibility": "on" 218 | } 219 | ] 220 | }, 221 | { 222 | "featureType": "poi.park", 223 | "elementType": "all", 224 | "stylers": [ 225 | { 226 | "visibility": "on" 227 | } 228 | ] 229 | }, 230 | { 231 | "featureType": "poi.place_of_worship", 232 | "elementType": "all", 233 | "stylers": [ 234 | { 235 | "visibility": "on" 236 | } 237 | ] 238 | }, 239 | { 240 | "featureType": "poi.school", 241 | "elementType": "all", 242 | "stylers": [ 243 | { 244 | "visibility": "on" 245 | } 246 | ] 247 | }, 248 | { 249 | "featureType": "poi.sports_complex", 250 | "elementType": "all", 251 | "stylers": [ 252 | { 253 | "visibility": "on" 254 | } 255 | ] 256 | }, 257 | { 258 | "featureType": "road", 259 | "elementType": "labels.text.stroke", 260 | "stylers": [ 261 | { 262 | "weight": "0.80" 263 | } 264 | ] 265 | }, 266 | { 267 | "featureType": "road.highway", 268 | "elementType": "geometry.fill", 269 | "stylers": [ 270 | { 271 | "color": "#541c56" 272 | }, 273 | { 274 | "lightness": 17 275 | } 276 | ] 277 | }, 278 | { 279 | "featureType": "road.highway", 280 | "elementType": "geometry.stroke", 281 | "stylers": [ 282 | { 283 | "color": "#da1d43" 284 | }, 285 | { 286 | "lightness": 29 287 | }, 288 | { 289 | "weight": 0.2 290 | } 291 | ] 292 | }, 293 | { 294 | "featureType": "road.highway", 295 | "elementType": "labels.text.stroke", 296 | "stylers": [ 297 | { 298 | "weight": "0.80" 299 | } 300 | ] 301 | }, 302 | { 303 | "featureType": "road.arterial", 304 | "elementType": "geometry", 305 | "stylers": [ 306 | { 307 | "color": "#541c56" 308 | }, 309 | { 310 | "lightness": 18 311 | } 312 | ] 313 | }, 314 | { 315 | "featureType": "road.arterial", 316 | "elementType": "labels.text.stroke", 317 | "stylers": [ 318 | { 319 | "weight": "0.80" 320 | }, 321 | { 322 | "gamma": "1" 323 | } 324 | ] 325 | }, 326 | { 327 | "featureType": "road.local", 328 | "elementType": "geometry", 329 | "stylers": [ 330 | { 331 | "color": "#541c56" 332 | }, 333 | { 334 | "lightness": 16 335 | } 336 | ] 337 | }, 338 | { 339 | "featureType": "road.local", 340 | "elementType": "labels.text.stroke", 341 | "stylers": [ 342 | { 343 | "weight": "0.80" 344 | } 345 | ] 346 | }, 347 | { 348 | "featureType": "transit", 349 | "elementType": "geometry", 350 | "stylers": [ 351 | { 352 | "color": "#da1d43" 353 | }, 354 | { 355 | "lightness": 19 356 | } 357 | ] 358 | }, 359 | { 360 | "featureType": "transit", 361 | "elementType": "labels.text.stroke", 362 | "stylers": [ 363 | { 364 | "weight": "0.80" 365 | } 366 | ] 367 | }, 368 | { 369 | "featureType": "transit.station", 370 | "elementType": "geometry", 371 | "stylers": [ 372 | { 373 | "color": "#541c56" 374 | } 375 | ] 376 | }, 377 | { 378 | "featureType": "transit.station", 379 | "elementType": "labels.text.stroke", 380 | "stylers": [ 381 | { 382 | "weight": "0.80" 383 | } 384 | ] 385 | }, 386 | { 387 | "featureType": "water", 388 | "elementType": "geometry", 389 | "stylers": [ 390 | { 391 | "color": "#f63981" 392 | }, 393 | { 394 | "lightness": "-22" 395 | } 396 | ] 397 | } 398 | ] 399 | -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored1.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#5bc4bf" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "all", 13 | "elementType": "labels.text.fill", 14 | "stylers": [ 15 | { 16 | "saturation": 36 17 | }, 18 | { 19 | "color": "#f6c939" 20 | }, 21 | { 22 | "lightness": 40 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "all", 28 | "elementType": "labels.text.stroke", 29 | "stylers": [ 30 | { 31 | "visibility": "on" 32 | }, 33 | { 34 | "color": "#f6c939" 35 | }, 36 | { 37 | "lightness": 16 38 | }, 39 | { 40 | "weight": "1.00" 41 | }, 42 | { 43 | "gamma": "1.00" 44 | } 45 | ] 46 | }, 47 | { 48 | "featureType": "all", 49 | "elementType": "labels.icon", 50 | "stylers": [ 51 | { 52 | "visibility": "simplified" 53 | }, 54 | { 55 | "hue": "#ff005c" 56 | }, 57 | { 58 | "lightness": "-9" 59 | }, 60 | { 61 | "saturation": "64" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "administrative", 67 | "elementType": "geometry.fill", 68 | "stylers": [ 69 | { 70 | "color": "#541c56" 71 | }, 72 | { 73 | "lightness": 20 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "administrative", 79 | "elementType": "geometry.stroke", 80 | "stylers": [ 81 | { 82 | "color": "#541c56" 83 | }, 84 | { 85 | "lightness": 17 86 | }, 87 | { 88 | "weight": 1.2 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "administrative", 94 | "elementType": "labels.text.stroke", 95 | "stylers": [ 96 | { 97 | "weight": "0.80" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape", 103 | "elementType": "geometry", 104 | "stylers": [ 105 | { 106 | "lightness": "4" 107 | }, 108 | { 109 | "saturation": "3" 110 | }, 111 | { 112 | "hue": "#00ffe0" 113 | }, 114 | { 115 | "visibility": "on" 116 | }, 117 | { 118 | "weight": "0.60" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape", 124 | "elementType": "geometry.fill", 125 | "stylers": [ 126 | { 127 | "saturation": "10" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "landscape", 133 | "elementType": "geometry.stroke", 134 | "stylers": [ 135 | { 136 | "lightness": "28" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "landscape", 142 | "elementType": "labels.text.stroke", 143 | "stylers": [ 144 | { 145 | "weight": "0.80" 146 | }, 147 | { 148 | "lightness": "0" 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "poi", 154 | "elementType": "geometry", 155 | "stylers": [ 156 | { 157 | "color": "#5bc4bf" 158 | }, 159 | { 160 | "lightness": "-3" 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "poi", 166 | "elementType": "labels.text.stroke", 167 | "stylers": [ 168 | { 169 | "weight": "0.80" 170 | } 171 | ] 172 | }, 173 | { 174 | "featureType": "poi.attraction", 175 | "elementType": "all", 176 | "stylers": [ 177 | { 178 | "visibility": "off" 179 | } 180 | ] 181 | }, 182 | { 183 | "featureType": "poi.business", 184 | "elementType": "all", 185 | "stylers": [ 186 | { 187 | "visibility": "off" 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "poi.government", 193 | "elementType": "all", 194 | "stylers": [ 195 | { 196 | "visibility": "off" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "poi.medical", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "visibility": "off" 206 | } 207 | ] 208 | }, 209 | { 210 | "featureType": "poi.park", 211 | "elementType": "all", 212 | "stylers": [ 213 | { 214 | "visibility": "simplified" 215 | } 216 | ] 217 | }, 218 | { 219 | "featureType": "poi.place_of_worship", 220 | "elementType": "all", 221 | "stylers": [ 222 | { 223 | "visibility": "simplified" 224 | } 225 | ] 226 | }, 227 | { 228 | "featureType": "poi.school", 229 | "elementType": "all", 230 | "stylers": [ 231 | { 232 | "visibility": "simplified" 233 | } 234 | ] 235 | }, 236 | { 237 | "featureType": "poi.sports_complex", 238 | "elementType": "all", 239 | "stylers": [ 240 | { 241 | "visibility": "simplified" 242 | } 243 | ] 244 | }, 245 | { 246 | "featureType": "road", 247 | "elementType": "labels.text.stroke", 248 | "stylers": [ 249 | { 250 | "weight": "0.80" 251 | } 252 | ] 253 | }, 254 | { 255 | "featureType": "road.highway", 256 | "elementType": "geometry.fill", 257 | "stylers": [ 258 | { 259 | "color": "#541c56" 260 | }, 261 | { 262 | "lightness": 17 263 | } 264 | ] 265 | }, 266 | { 267 | "featureType": "road.highway", 268 | "elementType": "geometry.stroke", 269 | "stylers": [ 270 | { 271 | "color": "#da1d43" 272 | }, 273 | { 274 | "lightness": 29 275 | }, 276 | { 277 | "weight": 0.2 278 | } 279 | ] 280 | }, 281 | { 282 | "featureType": "road.highway", 283 | "elementType": "labels.text.stroke", 284 | "stylers": [ 285 | { 286 | "weight": "0.80" 287 | } 288 | ] 289 | }, 290 | { 291 | "featureType": "road.arterial", 292 | "elementType": "geometry", 293 | "stylers": [ 294 | { 295 | "color": "#541c56" 296 | }, 297 | { 298 | "lightness": 18 299 | } 300 | ] 301 | }, 302 | { 303 | "featureType": "road.arterial", 304 | "elementType": "labels.text.stroke", 305 | "stylers": [ 306 | { 307 | "weight": "0.80" 308 | }, 309 | { 310 | "gamma": "1" 311 | } 312 | ] 313 | }, 314 | { 315 | "featureType": "road.local", 316 | "elementType": "geometry", 317 | "stylers": [ 318 | { 319 | "color": "#541c56" 320 | }, 321 | { 322 | "lightness": 16 323 | } 324 | ] 325 | }, 326 | { 327 | "featureType": "road.local", 328 | "elementType": "labels.text.stroke", 329 | "stylers": [ 330 | { 331 | "weight": "0.80" 332 | } 333 | ] 334 | }, 335 | { 336 | "featureType": "transit", 337 | "elementType": "geometry", 338 | "stylers": [ 339 | { 340 | "color": "#da1d43" 341 | }, 342 | { 343 | "lightness": 19 344 | } 345 | ] 346 | }, 347 | { 348 | "featureType": "transit", 349 | "elementType": "labels.text.stroke", 350 | "stylers": [ 351 | { 352 | "weight": "0.80" 353 | } 354 | ] 355 | }, 356 | { 357 | "featureType": "transit.station", 358 | "elementType": "geometry", 359 | "stylers": [ 360 | { 361 | "color": "#541c56" 362 | } 363 | ] 364 | }, 365 | { 366 | "featureType": "transit.station", 367 | "elementType": "labels.text.stroke", 368 | "stylers": [ 369 | { 370 | "weight": "0.80" 371 | } 372 | ] 373 | }, 374 | { 375 | "featureType": "water", 376 | "elementType": "geometry", 377 | "stylers": [ 378 | { 379 | "color": "#f63981" 380 | }, 381 | { 382 | "lightness": "-22" 383 | } 384 | ] 385 | } 386 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored10.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "water", 4 | "elementType": "all", 5 | "stylers": [ 6 | { 7 | "hue": "#0072B2" 8 | }, 9 | { 10 | "saturation": 100 11 | }, 12 | { 13 | "lightness": -54 14 | }, 15 | { 16 | "visibility": "on" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "landscape", 22 | "elementType": "all", 23 | "stylers": [ 24 | { 25 | "hue": "#E69F00" 26 | }, 27 | { 28 | "saturation": 100 29 | }, 30 | { 31 | "lightness": -49 32 | }, 33 | { 34 | "visibility": "on" 35 | } 36 | ] 37 | }, 38 | { 39 | "featureType": "poi", 40 | "elementType": "all", 41 | "stylers": [ 42 | { 43 | "hue": "#D55E00" 44 | }, 45 | { 46 | "saturation": 100 47 | }, 48 | { 49 | "lightness": -46 50 | }, 51 | { 52 | "visibility": "on" 53 | } 54 | ] 55 | }, 56 | { 57 | "featureType": "road.local", 58 | "elementType": "all", 59 | "stylers": [ 60 | { 61 | "hue": "#CC79A7" 62 | }, 63 | { 64 | "saturation": -55 65 | }, 66 | { 67 | "lightness": -36 68 | }, 69 | { 70 | "visibility": "on" 71 | } 72 | ] 73 | }, 74 | { 75 | "featureType": "road.arterial", 76 | "elementType": "all", 77 | "stylers": [ 78 | { 79 | "hue": "#F0E442" 80 | }, 81 | { 82 | "saturation": -15 83 | }, 84 | { 85 | "lightness": -22 86 | }, 87 | { 88 | "visibility": "on" 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "road.highway", 94 | "elementType": "all", 95 | "stylers": [ 96 | { 97 | "hue": "#56B4E9" 98 | }, 99 | { 100 | "saturation": -23 101 | }, 102 | { 103 | "lightness": -2 104 | }, 105 | { 106 | "visibility": "on" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "administrative", 112 | "elementType": "geometry", 113 | "stylers": [ 114 | { 115 | "hue": "#000000" 116 | }, 117 | { 118 | "saturation": 0 119 | }, 120 | { 121 | "lightness": -100 122 | }, 123 | { 124 | "visibility": "on" 125 | } 126 | ] 127 | }, 128 | { 129 | "featureType": "transit", 130 | "elementType": "all", 131 | "stylers": [ 132 | { 133 | "hue": "#009E73" 134 | }, 135 | { 136 | "saturation": 100 137 | }, 138 | { 139 | "lightness": -59 140 | }, 141 | { 142 | "visibility": "on" 143 | } 144 | ] 145 | } 146 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored11.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "administrative", 4 | "elementType": "all", 5 | "stylers": [ 6 | { 7 | "hue": "#15a4aa" 8 | }, 9 | { 10 | "saturation": 78 11 | }, 12 | { 13 | "lightness": -27 14 | }, 15 | { 16 | "visibility": "on" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "administrative.country", 22 | "elementType": "all", 23 | "stylers": [ 24 | { 25 | "hue": "#ffffff" 26 | }, 27 | { 28 | "lightness": 100 29 | }, 30 | { 31 | "visibility": "off" 32 | } 33 | ] 34 | }, 35 | { 36 | "featureType": "administrative.locality", 37 | "elementType": "all", 38 | "stylers": [ 39 | { 40 | "hue": "#ffffff" 41 | }, 42 | { 43 | "lightness": 100 44 | }, 45 | { 46 | "visibility": "off" 47 | } 48 | ] 49 | }, 50 | { 51 | "featureType": "administrative.neighborhood", 52 | "elementType": "all", 53 | "stylers": [ 54 | { 55 | "hue": "#ffffff" 56 | }, 57 | { 58 | "lightness": 100 59 | }, 60 | { 61 | "visibility": "off" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "landscape", 67 | "elementType": "all", 68 | "stylers": [ 69 | { 70 | "hue": "#1a363e" 71 | }, 72 | { 73 | "saturation": 19 74 | }, 75 | { 76 | "lightness": -81 77 | }, 78 | { 79 | "visibility": "on" 80 | } 81 | ] 82 | }, 83 | { 84 | "featureType": "landscape.man_made", 85 | "elementType": "geometry.fill", 86 | "stylers": [ 87 | { 88 | "color": "#ff8300" 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "poi.business", 94 | "elementType": "all", 95 | "stylers": [ 96 | { 97 | "hue": "#f48141" 98 | }, 99 | { 100 | "saturation": 87 101 | }, 102 | { 103 | "lightness": -29 104 | }, 105 | { 106 | "visibility": "simplified" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "poi.park", 112 | "elementType": "all", 113 | "stylers": [ 114 | { 115 | "hue": "#f48141" 116 | }, 117 | { 118 | "saturation": 81 119 | }, 120 | { 121 | "lightness": -22 122 | }, 123 | { 124 | "visibility": "on" 125 | } 126 | ] 127 | }, 128 | { 129 | "featureType": "poi.school", 130 | "elementType": "all", 131 | "stylers": [ 132 | { 133 | "hue": "#f48141" 134 | }, 135 | { 136 | "saturation": 79 137 | }, 138 | { 139 | "lightness": -27 140 | }, 141 | { 142 | "visibility": "simplified" 143 | } 144 | ] 145 | }, 146 | { 147 | "featureType": "road", 148 | "elementType": "geometry", 149 | "stylers": [ 150 | { 151 | "hue": "#ffffff" 152 | }, 153 | { 154 | "saturation": -100 155 | }, 156 | { 157 | "lightness": 100 158 | }, 159 | { 160 | "visibility": "on" 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "transit", 166 | "elementType": "all", 167 | "stylers": [ 168 | { 169 | "hue": "#ffffff" 170 | }, 171 | { 172 | "lightness": 100 173 | }, 174 | { 175 | "visibility": "off" 176 | } 177 | ] 178 | }, 179 | { 180 | "featureType": "water", 181 | "elementType": "all", 182 | "stylers": [ 183 | { 184 | "hue": "#15a4aa" 185 | }, 186 | { 187 | "saturation": 60 188 | }, 189 | { 190 | "lightness": -51 191 | }, 192 | { 193 | "visibility": "on" 194 | } 195 | ] 196 | } 197 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored12.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "landscape", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#ffffff" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "landscape.man_made", 13 | "elementType": "geometry.fill", 14 | "stylers": [ 15 | { 16 | "color": "#ffffff" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "road", 22 | "elementType": "geometry.fill", 23 | "stylers": [ 24 | { 25 | "color": "#f37436" 26 | } 27 | ] 28 | }, 29 | { 30 | "featureType": "water", 31 | "elementType": "geometry.fill", 32 | "stylers": [ 33 | { 34 | "color": "#2aae8a" 35 | } 36 | ] 37 | } 38 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored2.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "all", 5 | "stylers": [ 6 | { 7 | "visibility": "simplified" 8 | }, 9 | { 10 | "hue": "#bc00ff" 11 | }, 12 | { 13 | "saturation": "0" 14 | } 15 | ] 16 | }, 17 | { 18 | "featureType": "administrative", 19 | "elementType": "all", 20 | "stylers": [ 21 | { 22 | "visibility": "simplified" 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "administrative", 28 | "elementType": "labels.text.fill", 29 | "stylers": [ 30 | { 31 | "color": "#e8b8f9" 32 | } 33 | ] 34 | }, 35 | { 36 | "featureType": "administrative.country", 37 | "elementType": "labels", 38 | "stylers": [ 39 | { 40 | "color": "#ff0000" 41 | } 42 | ] 43 | }, 44 | { 45 | "featureType": "administrative.land_parcel", 46 | "elementType": "labels.text.fill", 47 | "stylers": [ 48 | { 49 | "visibility": "simplified" 50 | } 51 | ] 52 | }, 53 | { 54 | "featureType": "landscape", 55 | "elementType": "all", 56 | "stylers": [ 57 | { 58 | "color": "#3e114e" 59 | }, 60 | { 61 | "visibility": "simplified" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "landscape", 67 | "elementType": "labels", 68 | "stylers": [ 69 | { 70 | "visibility": "off" 71 | }, 72 | { 73 | "color": "#a02aca" 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "landscape.natural", 79 | "elementType": "all", 80 | "stylers": [ 81 | { 82 | "visibility": "simplified" 83 | }, 84 | { 85 | "color": "#2e093b" 86 | } 87 | ] 88 | }, 89 | { 90 | "featureType": "landscape.natural", 91 | "elementType": "labels.text", 92 | "stylers": [ 93 | { 94 | "color": "#9e1010" 95 | }, 96 | { 97 | "visibility": "off" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape.natural", 103 | "elementType": "labels.text.fill", 104 | "stylers": [ 105 | { 106 | "color": "#ff0000" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "landscape.natural.landcover", 112 | "elementType": "all", 113 | "stylers": [ 114 | { 115 | "visibility": "simplified" 116 | }, 117 | { 118 | "color": "#58176e" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape.natural.landcover", 124 | "elementType": "labels.text.fill", 125 | "stylers": [ 126 | { 127 | "visibility": "simplified" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "poi", 133 | "elementType": "all", 134 | "stylers": [ 135 | { 136 | "visibility": "off" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "poi.business", 142 | "elementType": "all", 143 | "stylers": [ 144 | { 145 | "visibility": "off" 146 | } 147 | ] 148 | }, 149 | { 150 | "featureType": "road", 151 | "elementType": "all", 152 | "stylers": [ 153 | { 154 | "saturation": -100 155 | }, 156 | { 157 | "lightness": 45 158 | } 159 | ] 160 | }, 161 | { 162 | "featureType": "road", 163 | "elementType": "geometry", 164 | "stylers": [ 165 | { 166 | "visibility": "simplified" 167 | }, 168 | { 169 | "color": "#a02aca" 170 | } 171 | ] 172 | }, 173 | { 174 | "featureType": "road", 175 | "elementType": "labels", 176 | "stylers": [ 177 | { 178 | "visibility": "simplified" 179 | } 180 | ] 181 | }, 182 | { 183 | "featureType": "road", 184 | "elementType": "labels.text.fill", 185 | "stylers": [ 186 | { 187 | "color": "#d180ee" 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "road", 193 | "elementType": "labels.text.stroke", 194 | "stylers": [ 195 | { 196 | "visibility": "simplified" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "road.highway", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "visibility": "simplified" 206 | } 207 | ] 208 | }, 209 | { 210 | "featureType": "road.highway", 211 | "elementType": "geometry", 212 | "stylers": [ 213 | { 214 | "visibility": "simplified" 215 | }, 216 | { 217 | "color": "#a02aca" 218 | } 219 | ] 220 | }, 221 | { 222 | "featureType": "road.highway", 223 | "elementType": "labels", 224 | "stylers": [ 225 | { 226 | "visibility": "off" 227 | }, 228 | { 229 | "color": "#ff0000" 230 | } 231 | ] 232 | }, 233 | { 234 | "featureType": "road.highway", 235 | "elementType": "labels.text", 236 | "stylers": [ 237 | { 238 | "color": "#a02aca" 239 | }, 240 | { 241 | "visibility": "simplified" 242 | } 243 | ] 244 | }, 245 | { 246 | "featureType": "road.highway", 247 | "elementType": "labels.text.fill", 248 | "stylers": [ 249 | { 250 | "color": "#cc81e7" 251 | }, 252 | { 253 | "visibility": "simplified" 254 | } 255 | ] 256 | }, 257 | { 258 | "featureType": "road.highway", 259 | "elementType": "labels.text.stroke", 260 | "stylers": [ 261 | { 262 | "visibility": "simplified" 263 | }, 264 | { 265 | "hue": "#bc00ff" 266 | } 267 | ] 268 | }, 269 | { 270 | "featureType": "road.arterial", 271 | "elementType": "geometry", 272 | "stylers": [ 273 | { 274 | "color": "#6d2388" 275 | } 276 | ] 277 | }, 278 | { 279 | "featureType": "road.arterial", 280 | "elementType": "labels.text.fill", 281 | "stylers": [ 282 | { 283 | "color": "#c46ce3" 284 | } 285 | ] 286 | }, 287 | { 288 | "featureType": "road.arterial", 289 | "elementType": "labels.icon", 290 | "stylers": [ 291 | { 292 | "visibility": "off" 293 | } 294 | ] 295 | }, 296 | { 297 | "featureType": "transit", 298 | "elementType": "all", 299 | "stylers": [ 300 | { 301 | "visibility": "off" 302 | } 303 | ] 304 | }, 305 | { 306 | "featureType": "water", 307 | "elementType": "all", 308 | "stylers": [ 309 | { 310 | "color": "#b7918f" 311 | }, 312 | { 313 | "visibility": "on" 314 | } 315 | ] 316 | }, 317 | { 318 | "featureType": "water", 319 | "elementType": "geometry", 320 | "stylers": [ 321 | { 322 | "color": "#280b33" 323 | } 324 | ] 325 | }, 326 | { 327 | "featureType": "water", 328 | "elementType": "labels", 329 | "stylers": [ 330 | { 331 | "visibility": "simplified" 332 | }, 333 | { 334 | "color": "#a02aca" 335 | } 336 | ] 337 | } 338 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored3.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "geometry", 5 | "stylers": [ 6 | { 7 | "color": "#bb12f2" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "all", 13 | "elementType": "labels", 14 | "stylers": [ 15 | { 16 | "visibility": "on" 17 | }, 18 | { 19 | "color": "#ffffff" 20 | } 21 | ] 22 | }, 23 | { 24 | "featureType": "all", 25 | "elementType": "labels.text.fill", 26 | "stylers": [ 27 | { 28 | "gamma": 0.01 29 | }, 30 | { 31 | "lightness": 20 32 | } 33 | ] 34 | }, 35 | { 36 | "featureType": "all", 37 | "elementType": "labels.text.stroke", 38 | "stylers": [ 39 | { 40 | "saturation": -31 41 | }, 42 | { 43 | "lightness": -33 44 | }, 45 | { 46 | "weight": 2 47 | }, 48 | { 49 | "gamma": 0.8 50 | } 51 | ] 52 | }, 53 | { 54 | "featureType": "all", 55 | "elementType": "labels.icon", 56 | "stylers": [ 57 | { 58 | "visibility": "off" 59 | } 60 | ] 61 | }, 62 | { 63 | "featureType": "landscape", 64 | "elementType": "geometry", 65 | "stylers": [ 66 | { 67 | "lightness": 30 68 | }, 69 | { 70 | "saturation": 30 71 | } 72 | ] 73 | }, 74 | { 75 | "featureType": "landscape", 76 | "elementType": "geometry.fill", 77 | "stylers": [ 78 | { 79 | "visibility": "on" 80 | } 81 | ] 82 | }, 83 | { 84 | "featureType": "poi", 85 | "elementType": "geometry", 86 | "stylers": [ 87 | { 88 | "saturation": 20 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "poi.park", 94 | "elementType": "geometry", 95 | "stylers": [ 96 | { 97 | "lightness": 20 98 | }, 99 | { 100 | "saturation": -20 101 | } 102 | ] 103 | }, 104 | { 105 | "featureType": "road", 106 | "elementType": "geometry", 107 | "stylers": [ 108 | { 109 | "lightness": 10 110 | }, 111 | { 112 | "saturation": -30 113 | } 114 | ] 115 | }, 116 | { 117 | "featureType": "road", 118 | "elementType": "geometry.stroke", 119 | "stylers": [ 120 | { 121 | "saturation": 25 122 | }, 123 | { 124 | "lightness": 25 125 | } 126 | ] 127 | }, 128 | { 129 | "featureType": "water", 130 | "elementType": "all", 131 | "stylers": [ 132 | { 133 | "lightness": -20 134 | } 135 | ] 136 | } 137 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored4.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "labels.text.fill", 5 | "stylers": [ 6 | { 7 | "saturation": 36 8 | }, 9 | { 10 | "color": "#000000" 11 | }, 12 | { 13 | "lightness": 40 14 | } 15 | ] 16 | }, 17 | { 18 | "featureType": "all", 19 | "elementType": "labels.text.stroke", 20 | "stylers": [ 21 | { 22 | "visibility": "on" 23 | }, 24 | { 25 | "color": "#000000" 26 | }, 27 | { 28 | "lightness": 16 29 | } 30 | ] 31 | }, 32 | { 33 | "featureType": "all", 34 | "elementType": "labels.icon", 35 | "stylers": [ 36 | { 37 | "visibility": "off" 38 | } 39 | ] 40 | }, 41 | { 42 | "featureType": "administrative", 43 | "elementType": "geometry.fill", 44 | "stylers": [ 45 | { 46 | "color": "#000000" 47 | }, 48 | { 49 | "lightness": 20 50 | } 51 | ] 52 | }, 53 | { 54 | "featureType": "administrative", 55 | "elementType": "geometry.stroke", 56 | "stylers": [ 57 | { 58 | "color": "#000000" 59 | }, 60 | { 61 | "lightness": 17 62 | }, 63 | { 64 | "weight": 1.2 65 | } 66 | ] 67 | }, 68 | { 69 | "featureType": "administrative.country", 70 | "elementType": "labels.text.fill", 71 | "stylers": [ 72 | { 73 | "color": "#c46de6" 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "administrative.country", 79 | "elementType": "labels.text.stroke", 80 | "stylers": [ 81 | { 82 | "color": "#634c91" 83 | } 84 | ] 85 | }, 86 | { 87 | "featureType": "administrative.province", 88 | "elementType": "labels.text.fill", 89 | "stylers": [ 90 | { 91 | "color": "#041f1e" 92 | } 93 | ] 94 | }, 95 | { 96 | "featureType": "administrative.province", 97 | "elementType": "labels.text.stroke", 98 | "stylers": [ 99 | { 100 | "color": "#8db7ad" 101 | } 102 | ] 103 | }, 104 | { 105 | "featureType": "administrative.locality", 106 | "elementType": "labels.text.fill", 107 | "stylers": [ 108 | { 109 | "color": "#36e8de" 110 | } 111 | ] 112 | }, 113 | { 114 | "featureType": "administrative.locality", 115 | "elementType": "labels.text.stroke", 116 | "stylers": [ 117 | { 118 | "color": "#2f4e4d" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "administrative.neighborhood", 124 | "elementType": "labels.text.fill", 125 | "stylers": [ 126 | { 127 | "color": "#b9af70" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "administrative.neighborhood", 133 | "elementType": "labels.text.stroke", 134 | "stylers": [ 135 | { 136 | "color": "#756137" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "landscape", 142 | "elementType": "geometry", 143 | "stylers": [ 144 | { 145 | "color": "#000000" 146 | }, 147 | { 148 | "lightness": 20 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "poi", 154 | "elementType": "geometry", 155 | "stylers": [ 156 | { 157 | "color": "#000000" 158 | }, 159 | { 160 | "lightness": 21 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "road.highway", 166 | "elementType": "geometry.fill", 167 | "stylers": [ 168 | { 169 | "color": "#eec3c3" 170 | }, 171 | { 172 | "lightness": 17 173 | } 174 | ] 175 | }, 176 | { 177 | "featureType": "road.highway", 178 | "elementType": "geometry.stroke", 179 | "stylers": [ 180 | { 181 | "color": "#e75555" 182 | }, 183 | { 184 | "lightness": 29 185 | }, 186 | { 187 | "weight": 0.2 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "road.arterial", 193 | "elementType": "geometry", 194 | "stylers": [ 195 | { 196 | "color": "#000000" 197 | }, 198 | { 199 | "lightness": 18 200 | } 201 | ] 202 | }, 203 | { 204 | "featureType": "road.arterial", 205 | "elementType": "geometry.fill", 206 | "stylers": [ 207 | { 208 | "color": "#97bc80" 209 | } 210 | ] 211 | }, 212 | { 213 | "featureType": "road.arterial", 214 | "elementType": "geometry.stroke", 215 | "stylers": [ 216 | { 217 | "color": "#00ffdf" 218 | } 219 | ] 220 | }, 221 | { 222 | "featureType": "road.local", 223 | "elementType": "geometry", 224 | "stylers": [ 225 | { 226 | "color": "#000000" 227 | }, 228 | { 229 | "lightness": 16 230 | } 231 | ] 232 | }, 233 | { 234 | "featureType": "road.local", 235 | "elementType": "geometry.fill", 236 | "stylers": [ 237 | { 238 | "color": "#9e7f26" 239 | } 240 | ] 241 | }, 242 | { 243 | "featureType": "road.local", 244 | "elementType": "geometry.stroke", 245 | "stylers": [ 246 | { 247 | "color": "#dfc079" 248 | } 249 | ] 250 | }, 251 | { 252 | "featureType": "transit", 253 | "elementType": "geometry", 254 | "stylers": [ 255 | { 256 | "color": "#000000" 257 | }, 258 | { 259 | "lightness": 19 260 | } 261 | ] 262 | }, 263 | { 264 | "featureType": "water", 265 | "elementType": "geometry", 266 | "stylers": [ 267 | { 268 | "color": "#c2ebfb" 269 | }, 270 | { 271 | "lightness": 17 272 | } 273 | ] 274 | } 275 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored5.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "administrative", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#1e242b" 8 | }, 9 | { 10 | "lightness": "5" 11 | } 12 | ] 13 | }, 14 | { 15 | "featureType": "administrative", 16 | "elementType": "geometry.stroke", 17 | "stylers": [ 18 | { 19 | "color": "#1e242b" 20 | }, 21 | { 22 | "saturation": "0" 23 | }, 24 | { 25 | "lightness": "30" 26 | } 27 | ] 28 | }, 29 | { 30 | "featureType": "administrative", 31 | "elementType": "labels", 32 | "stylers": [ 33 | { 34 | "color": "#e81d62" 35 | }, 36 | { 37 | "lightness": "63" 38 | }, 39 | { 40 | "visibility": "on" 41 | }, 42 | { 43 | "gamma": "1" 44 | }, 45 | { 46 | "saturation": "0" 47 | } 48 | ] 49 | }, 50 | { 51 | "featureType": "administrative", 52 | "elementType": "labels.text.stroke", 53 | "stylers": [ 54 | { 55 | "visibility": "on" 56 | }, 57 | { 58 | "lightness": "-36" 59 | }, 60 | { 61 | "gamma": "1" 62 | }, 63 | { 64 | "saturation": "0" 65 | } 66 | ] 67 | }, 68 | { 69 | "featureType": "administrative.province", 70 | "elementType": "geometry.stroke", 71 | "stylers": [ 72 | { 73 | "color": "#1e242b" 74 | }, 75 | { 76 | "lightness": "20" 77 | }, 78 | { 79 | "weight": "1.00" 80 | } 81 | ] 82 | }, 83 | { 84 | "featureType": "administrative.neighborhood", 85 | "elementType": "labels.text.fill", 86 | "stylers": [ 87 | { 88 | "lightness": "-20" 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "administrative.land_parcel", 94 | "elementType": "labels.text.fill", 95 | "stylers": [ 96 | { 97 | "lightness": "-20" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape", 103 | "elementType": "geometry", 104 | "stylers": [ 105 | { 106 | "color": "#e81d62" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "landscape", 112 | "elementType": "labels", 113 | "stylers": [ 114 | { 115 | "color": "#1e242b" 116 | }, 117 | { 118 | "lightness": "30" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape", 124 | "elementType": "labels.text.stroke", 125 | "stylers": [ 126 | { 127 | "visibility": "off" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "poi", 133 | "elementType": "geometry", 134 | "stylers": [ 135 | { 136 | "color": "#f5005a" 137 | }, 138 | { 139 | "lightness": "-25" 140 | }, 141 | { 142 | "gamma": "1" 143 | } 144 | ] 145 | }, 146 | { 147 | "featureType": "poi", 148 | "elementType": "labels", 149 | "stylers": [ 150 | { 151 | "color": "#1e242b" 152 | }, 153 | { 154 | "lightness": "30" 155 | }, 156 | { 157 | "visibility": "off" 158 | } 159 | ] 160 | }, 161 | { 162 | "featureType": "poi", 163 | "elementType": "labels.text.stroke", 164 | "stylers": [ 165 | { 166 | "visibility": "off" 167 | } 168 | ] 169 | }, 170 | { 171 | "featureType": "road", 172 | "elementType": "geometry", 173 | "stylers": [ 174 | { 175 | "visibility": "simplified" 176 | }, 177 | { 178 | "color": "#f5005a" 179 | }, 180 | { 181 | "lightness": "-40" 182 | }, 183 | { 184 | "saturation": "0" 185 | }, 186 | { 187 | "gamma": "1" 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "road", 193 | "elementType": "labels", 194 | "stylers": [ 195 | { 196 | "visibility": "off" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "transit", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "visibility": "off" 206 | } 207 | ] 208 | }, 209 | { 210 | "featureType": "transit", 211 | "elementType": "geometry", 212 | "stylers": [ 213 | { 214 | "color": "#1e242b" 215 | }, 216 | { 217 | "lightness": "6" 218 | } 219 | ] 220 | }, 221 | { 222 | "featureType": "transit", 223 | "elementType": "labels", 224 | "stylers": [ 225 | { 226 | "color": "#1e242b" 227 | }, 228 | { 229 | "lightness": "30" 230 | } 231 | ] 232 | }, 233 | { 234 | "featureType": "transit", 235 | "elementType": "labels.text.stroke", 236 | "stylers": [ 237 | { 238 | "visibility": "off" 239 | } 240 | ] 241 | }, 242 | { 243 | "featureType": "water", 244 | "elementType": "geometry", 245 | "stylers": [ 246 | { 247 | "color": "#f5005a" 248 | }, 249 | { 250 | "lightness": "40" 251 | }, 252 | { 253 | "gamma": "1" 254 | } 255 | ] 256 | }, 257 | { 258 | "featureType": "water", 259 | "elementType": "labels", 260 | "stylers": [ 261 | { 262 | "visibility": "off" 263 | } 264 | ] 265 | }, 266 | { 267 | "featureType": "water", 268 | "elementType": "labels.text.stroke", 269 | "stylers": [ 270 | { 271 | "visibility": "off" 272 | } 273 | ] 274 | } 275 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored6.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#5bc4bf" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "all", 13 | "elementType": "labels.text.fill", 14 | "stylers": [ 15 | { 16 | "saturation": 36 17 | }, 18 | { 19 | "color": "#f6c939" 20 | }, 21 | { 22 | "lightness": 40 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "all", 28 | "elementType": "labels.text.stroke", 29 | "stylers": [ 30 | { 31 | "visibility": "on" 32 | }, 33 | { 34 | "color": "#f6c939" 35 | }, 36 | { 37 | "lightness": 16 38 | }, 39 | { 40 | "weight": "1.00" 41 | }, 42 | { 43 | "gamma": "1.00" 44 | } 45 | ] 46 | }, 47 | { 48 | "featureType": "all", 49 | "elementType": "labels.icon", 50 | "stylers": [ 51 | { 52 | "visibility": "simplified" 53 | }, 54 | { 55 | "hue": "#ff005c" 56 | }, 57 | { 58 | "lightness": "-9" 59 | }, 60 | { 61 | "saturation": "64" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "administrative", 67 | "elementType": "geometry.fill", 68 | "stylers": [ 69 | { 70 | "color": "#541c56" 71 | }, 72 | { 73 | "lightness": 20 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "administrative", 79 | "elementType": "geometry.stroke", 80 | "stylers": [ 81 | { 82 | "color": "#541c56" 83 | }, 84 | { 85 | "lightness": 17 86 | }, 87 | { 88 | "weight": 1.2 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "administrative", 94 | "elementType": "labels.text.stroke", 95 | "stylers": [ 96 | { 97 | "weight": "0.80" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape", 103 | "elementType": "geometry", 104 | "stylers": [ 105 | { 106 | "lightness": "4" 107 | }, 108 | { 109 | "saturation": "3" 110 | }, 111 | { 112 | "hue": "#00ffe0" 113 | }, 114 | { 115 | "visibility": "on" 116 | }, 117 | { 118 | "weight": "0.60" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape", 124 | "elementType": "geometry.fill", 125 | "stylers": [ 126 | { 127 | "saturation": "10" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "landscape", 133 | "elementType": "geometry.stroke", 134 | "stylers": [ 135 | { 136 | "lightness": "28" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "landscape", 142 | "elementType": "labels.text.stroke", 143 | "stylers": [ 144 | { 145 | "weight": "0.80" 146 | }, 147 | { 148 | "lightness": "0" 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "poi", 154 | "elementType": "geometry", 155 | "stylers": [ 156 | { 157 | "color": "#5bc4bf" 158 | }, 159 | { 160 | "lightness": "-3" 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "poi", 166 | "elementType": "labels.text.stroke", 167 | "stylers": [ 168 | { 169 | "weight": "0.80" 170 | } 171 | ] 172 | }, 173 | { 174 | "featureType": "poi.attraction", 175 | "elementType": "all", 176 | "stylers": [ 177 | { 178 | "visibility": "on" 179 | } 180 | ] 181 | }, 182 | { 183 | "featureType": "poi.business", 184 | "elementType": "all", 185 | "stylers": [ 186 | { 187 | "visibility": "on" 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "poi.government", 193 | "elementType": "all", 194 | "stylers": [ 195 | { 196 | "visibility": "on" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "poi.medical", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "visibility": "on" 206 | } 207 | ] 208 | }, 209 | { 210 | "featureType": "poi.park", 211 | "elementType": "all", 212 | "stylers": [ 213 | { 214 | "visibility": "on" 215 | } 216 | ] 217 | }, 218 | { 219 | "featureType": "poi.place_of_worship", 220 | "elementType": "all", 221 | "stylers": [ 222 | { 223 | "visibility": "on" 224 | } 225 | ] 226 | }, 227 | { 228 | "featureType": "poi.school", 229 | "elementType": "all", 230 | "stylers": [ 231 | { 232 | "visibility": "on" 233 | } 234 | ] 235 | }, 236 | { 237 | "featureType": "poi.sports_complex", 238 | "elementType": "all", 239 | "stylers": [ 240 | { 241 | "visibility": "on" 242 | } 243 | ] 244 | }, 245 | { 246 | "featureType": "road", 247 | "elementType": "labels.text.stroke", 248 | "stylers": [ 249 | { 250 | "weight": "0.80" 251 | } 252 | ] 253 | }, 254 | { 255 | "featureType": "road.highway", 256 | "elementType": "geometry.fill", 257 | "stylers": [ 258 | { 259 | "color": "#541c56" 260 | }, 261 | { 262 | "lightness": 17 263 | } 264 | ] 265 | }, 266 | { 267 | "featureType": "road.highway", 268 | "elementType": "geometry.stroke", 269 | "stylers": [ 270 | { 271 | "color": "#da1d43" 272 | }, 273 | { 274 | "lightness": 29 275 | }, 276 | { 277 | "weight": 0.2 278 | } 279 | ] 280 | }, 281 | { 282 | "featureType": "road.highway", 283 | "elementType": "labels.text.stroke", 284 | "stylers": [ 285 | { 286 | "weight": "0.80" 287 | } 288 | ] 289 | }, 290 | { 291 | "featureType": "road.arterial", 292 | "elementType": "geometry", 293 | "stylers": [ 294 | { 295 | "color": "#541c56" 296 | }, 297 | { 298 | "lightness": 18 299 | } 300 | ] 301 | }, 302 | { 303 | "featureType": "road.arterial", 304 | "elementType": "labels.text.stroke", 305 | "stylers": [ 306 | { 307 | "weight": "0.80" 308 | }, 309 | { 310 | "gamma": "1" 311 | } 312 | ] 313 | }, 314 | { 315 | "featureType": "road.local", 316 | "elementType": "geometry", 317 | "stylers": [ 318 | { 319 | "color": "#541c56" 320 | }, 321 | { 322 | "lightness": 16 323 | } 324 | ] 325 | }, 326 | { 327 | "featureType": "road.local", 328 | "elementType": "labels.text.stroke", 329 | "stylers": [ 330 | { 331 | "weight": "0.80" 332 | } 333 | ] 334 | }, 335 | { 336 | "featureType": "transit", 337 | "elementType": "geometry", 338 | "stylers": [ 339 | { 340 | "color": "#da1d43" 341 | }, 342 | { 343 | "lightness": 19 344 | } 345 | ] 346 | }, 347 | { 348 | "featureType": "transit", 349 | "elementType": "labels.text.stroke", 350 | "stylers": [ 351 | { 352 | "weight": "0.80" 353 | } 354 | ] 355 | }, 356 | { 357 | "featureType": "transit.station", 358 | "elementType": "geometry", 359 | "stylers": [ 360 | { 361 | "color": "#541c56" 362 | } 363 | ] 364 | }, 365 | { 366 | "featureType": "transit.station", 367 | "elementType": "labels.text.stroke", 368 | "stylers": [ 369 | { 370 | "weight": "0.80" 371 | } 372 | ] 373 | }, 374 | { 375 | "featureType": "water", 376 | "elementType": "geometry", 377 | "stylers": [ 378 | { 379 | "color": "#f63981" 380 | }, 381 | { 382 | "lightness": "-22" 383 | } 384 | ] 385 | } 386 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored7.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "water", 4 | "elementType": "geometry", 5 | "stylers": [ 6 | { 7 | "color": "#ffdfa6" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "landscape", 13 | "elementType": "geometry", 14 | "stylers": [ 15 | { 16 | "color": "#b52127" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "poi", 22 | "elementType": "geometry", 23 | "stylers": [ 24 | { 25 | "color": "#c5531b" 26 | } 27 | ] 28 | }, 29 | { 30 | "featureType": "road.highway", 31 | "elementType": "geometry.fill", 32 | "stylers": [ 33 | { 34 | "color": "#74001b" 35 | }, 36 | { 37 | "lightness": -10 38 | } 39 | ] 40 | }, 41 | { 42 | "featureType": "road.highway", 43 | "elementType": "geometry.stroke", 44 | "stylers": [ 45 | { 46 | "color": "#da3c3c" 47 | } 48 | ] 49 | }, 50 | { 51 | "featureType": "road.arterial", 52 | "elementType": "geometry.fill", 53 | "stylers": [ 54 | { 55 | "color": "#74001b" 56 | } 57 | ] 58 | }, 59 | { 60 | "featureType": "road.arterial", 61 | "elementType": "geometry.stroke", 62 | "stylers": [ 63 | { 64 | "color": "#da3c3c" 65 | } 66 | ] 67 | }, 68 | { 69 | "featureType": "road.local", 70 | "elementType": "geometry.fill", 71 | "stylers": [ 72 | { 73 | "color": "#990c19" 74 | } 75 | ] 76 | }, 77 | { 78 | "elementType": "labels.text.fill", 79 | "stylers": [ 80 | { 81 | "color": "#ffffff" 82 | } 83 | ] 84 | }, 85 | { 86 | "elementType": "labels.text.stroke", 87 | "stylers": [ 88 | { 89 | "color": "#74001b" 90 | }, 91 | { 92 | "lightness": -8 93 | } 94 | ] 95 | }, 96 | { 97 | "featureType": "transit", 98 | "elementType": "geometry", 99 | "stylers": [ 100 | { 101 | "color": "#6a0d10" 102 | }, 103 | { 104 | "visibility": "on" 105 | } 106 | ] 107 | }, 108 | { 109 | "featureType": "administrative", 110 | "elementType": "geometry", 111 | "stylers": [ 112 | { 113 | "color": "#ffdfa6" 114 | }, 115 | { 116 | "weight": 0.4 117 | } 118 | ] 119 | }, 120 | { 121 | "featureType": "road.local", 122 | "elementType": "geometry.stroke", 123 | "stylers": [ 124 | { 125 | "visibility": "off" 126 | } 127 | ] 128 | } 129 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored8.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "landscape.natural", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "visibility": "on" 8 | }, 9 | { 10 | "color": "336d75" 11 | } 12 | ] 13 | }, 14 | { 15 | "featureType": "poi", 16 | "elementType": "geometry.fill", 17 | "stylers": [ 18 | { 19 | "visibility": "on" 20 | }, 21 | { 22 | "hue": "#1900ff" 23 | }, 24 | { 25 | "color": "#d064a4" 26 | } 27 | ] 28 | }, 29 | { 30 | "featureType": "landscape.man_made", 31 | "elementType": "geometry.fill" 32 | }, 33 | { 34 | "featureType": "road", 35 | "elementType": "geometry", 36 | "stylers": [ 37 | { 38 | "lightness": 100 39 | }, 40 | { 41 | "visibility": "simplified" 42 | } 43 | ] 44 | }, 45 | { 46 | "featureType": "road", 47 | "elementType": "labels", 48 | "stylers": [ 49 | { 50 | "visibility": "off" 51 | } 52 | ] 53 | }, 54 | { 55 | "featureType": "water", 56 | "stylers": [ 57 | { 58 | "color": "#6bb1e1" 59 | } 60 | ] 61 | }, 62 | { 63 | "featureType": "transit.line", 64 | "elementType": "geometry", 65 | "stylers": [ 66 | { 67 | "visibility": "on" 68 | }, 69 | { 70 | "lightness": 700 71 | } 72 | ] 73 | } 74 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_colored9.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "water", 4 | "elementType": "all", 5 | "stylers": [ 6 | { 7 | "hue": "#15a4aa" 8 | }, 9 | { 10 | "saturation": 60 11 | }, 12 | { 13 | "lightness": -51 14 | }, 15 | { 16 | "visibility": "on" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "administrative", 22 | "elementType": "all", 23 | "stylers": [ 24 | { 25 | "hue": "#1a363e" 26 | }, 27 | { 28 | "saturation": 41 29 | }, 30 | { 31 | "lightness": -66 32 | }, 33 | { 34 | "visibility": "on" 35 | } 36 | ] 37 | }, 38 | { 39 | "featureType": "landscape", 40 | "elementType": "all", 41 | "stylers": [ 42 | { 43 | "hue": "#1a363e" 44 | }, 45 | { 46 | "saturation": 19 47 | }, 48 | { 49 | "lightness": -81 50 | }, 51 | { 52 | "visibility": "on" 53 | } 54 | ] 55 | }, 56 | { 57 | "featureType": "road", 58 | "elementType": "geometry", 59 | "stylers": [ 60 | { 61 | "hue": "#ffffff" 62 | }, 63 | { 64 | "saturation": -100 65 | }, 66 | { 67 | "lightness": 100 68 | }, 69 | { 70 | "visibility": "on" 71 | } 72 | ] 73 | }, 74 | { 75 | "featureType": "poi.business", 76 | "elementType": "all", 77 | "stylers": [ 78 | { 79 | "hue": "#f48141" 80 | }, 81 | { 82 | "saturation": 87 83 | }, 84 | { 85 | "lightness": -29 86 | }, 87 | { 88 | "visibility": "simplified" 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "poi.park", 94 | "elementType": "all", 95 | "stylers": [ 96 | { 97 | "hue": "#f48141" 98 | }, 99 | { 100 | "saturation": 81 101 | }, 102 | { 103 | "lightness": -22 104 | }, 105 | { 106 | "visibility": "on" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "poi.school", 112 | "elementType": "all", 113 | "stylers": [ 114 | { 115 | "hue": "#f48141" 116 | }, 117 | { 118 | "saturation": 79 119 | }, 120 | { 121 | "lightness": -27 122 | }, 123 | { 124 | "visibility": "simplified" 125 | } 126 | ] 127 | }, 128 | { 129 | "featureType": "administrative.neighborhood", 130 | "elementType": "all", 131 | "stylers": [ 132 | { 133 | "hue": "#ffffff" 134 | }, 135 | { 136 | "saturation": 0 137 | }, 138 | { 139 | "lightness": 100 140 | }, 141 | { 142 | "visibility": "off" 143 | } 144 | ] 145 | }, 146 | { 147 | "featureType": "administrative.locality", 148 | "elementType": "all", 149 | "stylers": [ 150 | { 151 | "hue": "#ffffff" 152 | }, 153 | { 154 | "saturation": 0 155 | }, 156 | { 157 | "lightness": 100 158 | }, 159 | { 160 | "visibility": "off" 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "administrative.country", 166 | "elementType": "all", 167 | "stylers": [ 168 | { 169 | "hue": "#ffffff" 170 | }, 171 | { 172 | "saturation": 0 173 | }, 174 | { 175 | "lightness": 100 176 | }, 177 | { 178 | "visibility": "off" 179 | } 180 | ] 181 | }, 182 | { 183 | "featureType": "administrative", 184 | "elementType": "all", 185 | "stylers": [ 186 | { 187 | "hue": "#15a4aa" 188 | }, 189 | { 190 | "saturation": 78 191 | }, 192 | { 193 | "lightness": -27 194 | }, 195 | { 196 | "visibility": "on" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "transit", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "hue": "#ffffff" 206 | }, 207 | { 208 | "saturation": 0 209 | }, 210 | { 211 | "lightness": 100 212 | }, 213 | { 214 | "visibility": "off" 215 | } 216 | ] 217 | } 218 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_dark.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "elementType": "geometry", 4 | "stylers": [ 5 | { 6 | "color": "#212121" 7 | } 8 | ] 9 | }, 10 | { 11 | "elementType": "labels.icon", 12 | "stylers": [ 13 | { 14 | "visibility": "off" 15 | } 16 | ] 17 | }, 18 | { 19 | "elementType": "labels.text.fill", 20 | "stylers": [ 21 | { 22 | "color": "#757575" 23 | } 24 | ] 25 | }, 26 | { 27 | "elementType": "labels.text.stroke", 28 | "stylers": [ 29 | { 30 | "color": "#212121" 31 | } 32 | ] 33 | }, 34 | { 35 | "featureType": "administrative", 36 | "elementType": "geometry", 37 | "stylers": [ 38 | { 39 | "color": "#757575" 40 | } 41 | ] 42 | }, 43 | { 44 | "featureType": "administrative.country", 45 | "elementType": "labels.text.fill", 46 | "stylers": [ 47 | { 48 | "color": "#9e9e9e" 49 | } 50 | ] 51 | }, 52 | { 53 | "featureType": "administrative.land_parcel", 54 | "stylers": [ 55 | { 56 | "visibility": "off" 57 | } 58 | ] 59 | }, 60 | { 61 | "featureType": "administrative.locality", 62 | "elementType": "labels.text.fill", 63 | "stylers": [ 64 | { 65 | "color": "#bdbdbd" 66 | } 67 | ] 68 | }, 69 | { 70 | "featureType": "poi", 71 | "elementType": "labels.text.fill", 72 | "stylers": [ 73 | { 74 | "color": "#757575" 75 | } 76 | ] 77 | }, 78 | { 79 | "featureType": "poi.park", 80 | "elementType": "geometry", 81 | "stylers": [ 82 | { 83 | "color": "#181818" 84 | } 85 | ] 86 | }, 87 | { 88 | "featureType": "poi.park", 89 | "elementType": "labels.text.fill", 90 | "stylers": [ 91 | { 92 | "color": "#616161" 93 | } 94 | ] 95 | }, 96 | { 97 | "featureType": "poi.park", 98 | "elementType": "labels.text.stroke", 99 | "stylers": [ 100 | { 101 | "color": "#1b1b1b" 102 | } 103 | ] 104 | }, 105 | { 106 | "featureType": "road", 107 | "elementType": "geometry.fill", 108 | "stylers": [ 109 | { 110 | "color": "#2c2c2c" 111 | } 112 | ] 113 | }, 114 | { 115 | "featureType": "road", 116 | "elementType": "labels.text.fill", 117 | "stylers": [ 118 | { 119 | "color": "#8a8a8a" 120 | } 121 | ] 122 | }, 123 | { 124 | "featureType": "road.arterial", 125 | "elementType": "geometry", 126 | "stylers": [ 127 | { 128 | "color": "#373737" 129 | } 130 | ] 131 | }, 132 | { 133 | "featureType": "road.highway", 134 | "elementType": "geometry", 135 | "stylers": [ 136 | { 137 | "color": "#3c3c3c" 138 | } 139 | ] 140 | }, 141 | { 142 | "featureType": "road.highway.controlled_access", 143 | "elementType": "geometry", 144 | "stylers": [ 145 | { 146 | "color": "#4e4e4e" 147 | } 148 | ] 149 | }, 150 | { 151 | "featureType": "road.local", 152 | "elementType": "labels.text.fill", 153 | "stylers": [ 154 | { 155 | "color": "#616161" 156 | } 157 | ] 158 | }, 159 | { 160 | "featureType": "transit", 161 | "elementType": "labels.text.fill", 162 | "stylers": [ 163 | { 164 | "color": "#757575" 165 | } 166 | ] 167 | }, 168 | { 169 | "featureType": "water", 170 | "elementType": "geometry", 171 | "stylers": [ 172 | { 173 | "color": "#000000" 174 | } 175 | ] 176 | }, 177 | { 178 | "featureType": "water", 179 | "elementType": "labels.text.fill", 180 | "stylers": [ 181 | { 182 | "color": "#3d3d3d" 183 | } 184 | ] 185 | } 186 | ] 187 | -------------------------------------------------------------------------------- /dist/json/map-style/map-style_night.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "elementType": "geometry", 4 | "stylers": [ 5 | { 6 | "color": "#242f3e" 7 | } 8 | ] 9 | }, 10 | { 11 | "elementType": "labels.text.fill", 12 | "stylers": [ 13 | { 14 | "color": "#746855" 15 | } 16 | ] 17 | }, 18 | { 19 | "elementType": "labels.text.stroke", 20 | "stylers": [ 21 | { 22 | "color": "#242f3e" 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "administrative.locality", 28 | "elementType": "labels.text.fill", 29 | "stylers": [ 30 | { 31 | "color": "#d59563" 32 | } 33 | ] 34 | }, 35 | { 36 | "featureType": "poi", 37 | "elementType": "labels.text.fill", 38 | "stylers": [ 39 | { 40 | "color": "#d59563" 41 | } 42 | ] 43 | }, 44 | { 45 | "featureType": "poi.park", 46 | "elementType": "geometry", 47 | "stylers": [ 48 | { 49 | "color": "#263c3f" 50 | } 51 | ] 52 | }, 53 | { 54 | "featureType": "poi.park", 55 | "elementType": "labels.text.fill", 56 | "stylers": [ 57 | { 58 | "color": "#6b9a76" 59 | } 60 | ] 61 | }, 62 | { 63 | "featureType": "road", 64 | "elementType": "geometry", 65 | "stylers": [ 66 | { 67 | "color": "#38414e" 68 | } 69 | ] 70 | }, 71 | { 72 | "featureType": "road", 73 | "elementType": "geometry.stroke", 74 | "stylers": [ 75 | { 76 | "color": "#212a37" 77 | } 78 | ] 79 | }, 80 | { 81 | "featureType": "road", 82 | "elementType": "labels.text.fill", 83 | "stylers": [ 84 | { 85 | "color": "#9ca5b3" 86 | } 87 | ] 88 | }, 89 | { 90 | "featureType": "road.highway", 91 | "elementType": "geometry", 92 | "stylers": [ 93 | { 94 | "color": "#746855" 95 | } 96 | ] 97 | }, 98 | { 99 | "featureType": "road.highway", 100 | "elementType": "geometry.stroke", 101 | "stylers": [ 102 | { 103 | "color": "#1f2835" 104 | } 105 | ] 106 | }, 107 | { 108 | "featureType": "road.highway", 109 | "elementType": "labels.text.fill", 110 | "stylers": [ 111 | { 112 | "color": "#f3d19c" 113 | } 114 | ] 115 | }, 116 | { 117 | "featureType": "transit", 118 | "elementType": "geometry", 119 | "stylers": [ 120 | { 121 | "color": "#2f3948" 122 | } 123 | ] 124 | }, 125 | { 126 | "featureType": "transit.station", 127 | "elementType": "labels.text.fill", 128 | "stylers": [ 129 | { 130 | "color": "#d59563" 131 | } 132 | ] 133 | }, 134 | { 135 | "featureType": "water", 136 | "elementType": "geometry", 137 | "stylers": [ 138 | { 139 | "color": "#17263c" 140 | } 141 | ] 142 | }, 143 | { 144 | "featureType": "water", 145 | "elementType": "labels.text.fill", 146 | "stylers": [ 147 | { 148 | "color": "#515c6d" 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "water", 154 | "elementType": "labels.text.stroke", 155 | "stylers": [ 156 | { 157 | "color": "#17263c" 158 | } 159 | ] 160 | } 161 | ] -------------------------------------------------------------------------------- /dist/json/map-style/map-style_silver.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "elementType": "geometry", 4 | "stylers": [ 5 | { 6 | "color": "#f5f5f5" 7 | } 8 | ] 9 | }, 10 | { 11 | "elementType": "labels.icon", 12 | "stylers": [ 13 | { 14 | "visibility": "off" 15 | } 16 | ] 17 | }, 18 | { 19 | "elementType": "labels.text.fill", 20 | "stylers": [ 21 | { 22 | "color": "#616161" 23 | } 24 | ] 25 | }, 26 | { 27 | "elementType": "labels.text.stroke", 28 | "stylers": [ 29 | { 30 | "color": "#f5f5f5" 31 | } 32 | ] 33 | }, 34 | { 35 | "featureType": "administrative.land_parcel", 36 | "elementType": "labels.text.fill", 37 | "stylers": [ 38 | { 39 | "color": "#bdbdbd" 40 | } 41 | ] 42 | }, 43 | { 44 | "featureType": "poi", 45 | "elementType": "geometry", 46 | "stylers": [ 47 | { 48 | "color": "#eeeeee" 49 | } 50 | ] 51 | }, 52 | { 53 | "featureType": "poi", 54 | "elementType": "labels.text.fill", 55 | "stylers": [ 56 | { 57 | "color": "#757575" 58 | } 59 | ] 60 | }, 61 | { 62 | "featureType": "poi.park", 63 | "elementType": "geometry", 64 | "stylers": [ 65 | { 66 | "color": "#e5e5e5" 67 | } 68 | ] 69 | }, 70 | { 71 | "featureType": "poi.park", 72 | "elementType": "labels.text.fill", 73 | "stylers": [ 74 | { 75 | "color": "#9e9e9e" 76 | } 77 | ] 78 | }, 79 | { 80 | "featureType": "road", 81 | "elementType": "geometry", 82 | "stylers": [ 83 | { 84 | "color": "#ffffff" 85 | } 86 | ] 87 | }, 88 | { 89 | "featureType": "road.arterial", 90 | "elementType": "labels.text.fill", 91 | "stylers": [ 92 | { 93 | "color": "#757575" 94 | } 95 | ] 96 | }, 97 | { 98 | "featureType": "road.highway", 99 | "elementType": "geometry", 100 | "stylers": [ 101 | { 102 | "color": "#dadada" 103 | } 104 | ] 105 | }, 106 | { 107 | "featureType": "road.highway", 108 | "elementType": "labels.text.fill", 109 | "stylers": [ 110 | { 111 | "color": "#616161" 112 | } 113 | ] 114 | }, 115 | { 116 | "featureType": "road.local", 117 | "elementType": "labels.text.fill", 118 | "stylers": [ 119 | { 120 | "color": "#9e9e9e" 121 | } 122 | ] 123 | }, 124 | { 125 | "featureType": "transit.line", 126 | "elementType": "geometry", 127 | "stylers": [ 128 | { 129 | "color": "#e5e5e5" 130 | } 131 | ] 132 | }, 133 | { 134 | "featureType": "transit.station", 135 | "elementType": "geometry", 136 | "stylers": [ 137 | { 138 | "color": "#eeeeee" 139 | } 140 | ] 141 | }, 142 | { 143 | "featureType": "water", 144 | "elementType": "geometry", 145 | "stylers": [ 146 | { 147 | "color": "#c9c9c9" 148 | } 149 | ] 150 | }, 151 | { 152 | "featureType": "water", 153 | "elementType": "labels.text.fill", 154 | "stylers": [ 155 | { 156 | "color": "#9e9e9e" 157 | } 158 | ] 159 | } 160 | ] -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'), 2 | pug = require('gulp-pug'), 3 | sass = require('gulp-sass'), 4 | concat = require('gulp-concat'), 5 | autoprefixer = require('gulp-autoprefixer'), 6 | browserSync = require('browser-sync').create(); 7 | 8 | var path = { 9 | build: { 10 | dist : 'dist', 11 | js : 'dist/js/', 12 | css : 'dist/css/', 13 | fonts : 'dist/fonts/', 14 | img : 'dist/images/', 15 | mapStyle : 'dist/json/map-style/', 16 | lib : 'dist/js/lib/' 17 | }, 18 | 19 | src: { 20 | pug : 'src/*.pug', 21 | js : 'src/js/**/*.js', 22 | style : 'src/css/*.scss', 23 | fonts : 'src/fonts/*.*', 24 | mapStyle : 'src/json/map-style/*.json', 25 | img : 'src/images/**/*.*' 26 | } 27 | }; 28 | 29 | gulp.task('pug', function() { 30 | return gulp.src(path.src.pug) 31 | .pipe(pug({pretty: true})) 32 | .pipe(gulp.dest(path.build.dist)); 33 | }); 34 | 35 | gulp.task('fonts', function() { 36 | return gulp.src(path.src.fonts) 37 | .pipe(gulp.dest(path.build.fonts)); 38 | }); 39 | 40 | gulp.task('styles', function () { 41 | gulp.src(path.src.style) 42 | .pipe(sass()) 43 | .pipe(concat('styles.css')) 44 | .pipe(autoprefixer()) 45 | .pipe(gulp.dest(path.build.css)) 46 | }); 47 | 48 | gulp.task('map-style', function () { 49 | gulp.src(path.src.mapStyle) 50 | .pipe(gulp.dest(path.build.mapStyle)) 51 | }); 52 | 53 | 54 | gulp.task('scripts', function () { 55 | gulp.src(path.src.js) 56 | .pipe(gulp.dest(path.build.js)) 57 | }); 58 | 59 | gulp.task('images', function () { 60 | gulp.src(path.src.img) 61 | .pipe(gulp.dest(path.build.img)) 62 | }); 63 | 64 | gulp.task('default', ['pug', 'styles', 'map-style', 'scripts', 'fonts', 'images'], function() { 65 | browserSync.init({ 66 | server: path.build.dist 67 | }); 68 | gulp.watch(path.src.style, ['styles']); 69 | gulp.watch(path.src.html, ['html']); 70 | gulp.watch(path.src.js, ['scripts']); 71 | gulp.watch(path.src.pug, ['pug']); 72 | gulp.watch(path.src.fonts, ['fonts']); 73 | gulp.watch(path.src.img, ['images']); 74 | gulp.watch(path.src.img, ['media']); 75 | gulp.watch(path.src.mapStyle, ['map-style']); 76 | }); 77 | 78 | browserSync.stream(); -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "GM", 3 | "version": "0.0.1", 4 | "description": "", 5 | "main": "", 6 | "repository": "", 7 | "scripts": { 8 | "start": "gulp" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^3.9.1", 12 | "gulp-pug": "^3.2.0", 13 | "bemto.pug": "^2.1.0", 14 | "gulp-sass": "^3.1.0", 15 | "gulp-concat": "^2.6.0", 16 | "gulp-autoprefixer": "^3.1.0", 17 | "browser-sync": "^2.13.0" 18 | }, 19 | "license": "ISC" 20 | } 21 | -------------------------------------------------------------------------------- /src/css/_fonts.scss: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'OpenGostTypeATT'; 3 | src: url('../fonts/OpenGostTypeATT.woff2') format('woff2'), 4 | url('../fonts/OpenGostTypeATT.woff') format('woff'), 5 | url('../fonts/OpenGostTypeATT.ttf') format('truetype'); 6 | font-weight: normal; 7 | font-style: normal; 8 | } -------------------------------------------------------------------------------- /src/css/_mixins.scss: -------------------------------------------------------------------------------- 1 | $white: #fff; 2 | $black: #000; 3 | 4 | @mixin clearfix { 5 | &::before, 6 | &::after { 7 | content: ""; 8 | display: block; 9 | clear: both; 10 | } 11 | } 12 | 13 | @mixin vertical-align { 14 | top: 50%; 15 | transform: translateY(-50%); 16 | } 17 | 18 | @mixin horizontal-align { 19 | left: 50%; 20 | transform: translateX(-50%); 21 | } 22 | 23 | @mixin center-align { 24 | top: 50%; 25 | left: 50%; 26 | transform: translate(-50%, -50%); 27 | } 28 | 29 | @mixin absolute { 30 | position: absolute; 31 | top: 0; 32 | right: 0; 33 | bottom: 0; 34 | left: 0; 35 | } 36 | -------------------------------------------------------------------------------- /src/css/_reset.scss: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | text-decoration: none; 5 | box-sizing: border-box; 6 | position: relative; 7 | } -------------------------------------------------------------------------------- /src/css/styles.scss: -------------------------------------------------------------------------------- 1 | @import "mixins"; 2 | @import "fonts"; 3 | @import "reset"; 4 | 5 | .map { 6 | width: 100vw; 7 | height: 100vh; 8 | overflow: hidden; 9 | 10 | &__wrap { 11 | height: 145%; 12 | width: 100%; 13 | border: 0; 14 | @include absolute; 15 | z-index: 1; 16 | } 17 | 18 | &__mask { 19 | height: 100%; 20 | width: 100%; 21 | background: url(../images/map-mask.svg) top center no-repeat; 22 | background-size: cover; 23 | pointer-events: none; 24 | transform: scale(1.01); 25 | z-index: 2; 26 | } 27 | } 28 | 29 | .popup-info-substrate { 30 | width: calc(100% + 53px); 31 | height: calc(100% + 18px); 32 | @include absolute; 33 | @include center-align; 34 | overflow: hidden; 35 | } 36 | 37 | .marker-content { 38 | display: none; 39 | } 40 | 41 | .marker-info { 42 | padding: 17px 0; 43 | 44 | &__bg-wrap { 45 | @extend .popup-info-substrate; 46 | } 47 | 48 | &__bg { 49 | @keyframes animatedBackground { 50 | 0% { 51 | background-position-x: 0; 52 | } 53 | 100% { 54 | background-position-x: 100%; 55 | } 56 | } 57 | 58 | display: block; 59 | left: 50%; 60 | top: 50%; 61 | transform: translate(-50%, -50%) rotate(45deg); 62 | width: 300%; 63 | height: 300%; 64 | background: linear-gradient(to right, #F44336 6.25%, #E91E63 6.25%, #E91E63 12.5%, #9C27B0 12.5%, #9C27B0 18.75%, #673AB7 18.75%, #673AB7 25%, #3F51B5 25%, #3F51B5 31.25%, #2196F3 31.25%, #2196F3 37.5%, #03A9F4 37.5%, #03A9F4 43.75%, #00BCD4 43.75%, #00BCD4 50%, #009688 50%, #009688 56.25%, #4CAF50 56.25%, #4CAF50 62.5%, #8BC34A 62.5%, #8BC34A 68.75%, #CDDC39 68.75%, #CDDC39 75%, #FFEB3B 75%, #FFEB3B 81.25%, #FFC107 81.25%, #FFC107 87.5%, #FF9800 87.5%, #FF9800 93.75%, #FF5722 93.75%, #FF5722 100%); 65 | animation: animatedBackground 10s linear infinite; 66 | background-size: 50%; 67 | } 68 | 69 | &__dash-wrap { 70 | height: 100px; 71 | width: 150px; 72 | @include absolute; 73 | margin: auto; 74 | top: -109px; 75 | bottom: auto; 76 | } 77 | 78 | &__rb-dash { 79 | background: url("../images/rb-dash.png") top center no-repeat; 80 | background-size: cover; 81 | width: 100%; 82 | height: 100%; 83 | } 84 | 85 | &__text { 86 | font-family: 'OpenGostTypeATT', sans-serif; 87 | font-size: 18px; 88 | color: $white; 89 | display: block; 90 | text-align: center; 91 | line-height: 1.2; 92 | padding: 20px; 93 | background: #000; 94 | z-index: 5; 95 | } 96 | } 97 | 98 | .poi-info-window { 99 | padding: 20px; 100 | margin-top: 0 !important; 101 | 102 | &::before { 103 | content: ''; 104 | @extend .popup-info-substrate; 105 | background: linear-gradient(-45deg, #F44336 6.25%, #E91E63 6.25%, #E91E63 12.5%, #9C27B0 12.5%, #9C27B0 18.75%, #673AB7 18.75%, #673AB7 25%, #3F51B5 25%, #3F51B5 31.25%, #2196F3 31.25%, #2196F3 37.5%, #03A9F4 37.5%, #03A9F4 43.75%, #00BCD4 43.75%, #00BCD4 50%, #009688 50%, #009688 56.25%, #4CAF50 56.25%, #4CAF50 62.5%, #8BC34A 62.5%, #8BC34A 68.75%, #CDDC39 68.75%, #CDDC39 75%, #FFEB3B 75%, #FFEB3B 81.25%, #FFC107 81.25%, #FFC107 87.5%, #FF9800 87.5%, #FF9800 93.75%, #FF5722 93.75%, #FF5722 100%); 106 | z-index: 1; 107 | } 108 | 109 | &::after { 110 | content: ''; 111 | width: 100%; 112 | height: calc(100% - 28px); 113 | background: $black; 114 | @include absolute; 115 | @include center-align; 116 | z-index: 2; 117 | } 118 | 119 | div, a { 120 | background-color: transparent !important; 121 | color: #fff !important; 122 | z-index: 3; 123 | } 124 | } 125 | 126 | .gm-style-iw { 127 | background: #000; 128 | //box-shadow: -14px 0px 0px $black, -14px 9px 0px $black, -14px -8px 0px $black, 15px -8px 0px $black, 15px 9px 0px $black; //Закраска тенью 129 | overflow: visible !important; 130 | 131 | &::after { 132 | content: ''; 133 | width: 0; 134 | height: 0; 135 | border: 22px solid transparent; 136 | border-top-color: $black; 137 | z-index: 4; 138 | @include absolute; 139 | top: auto; 140 | bottom: -53px; 141 | margin: auto; 142 | } 143 | 144 | div { 145 | overflow: visible !important; 146 | } 147 | 148 | & > div { 149 | left: 50%; 150 | transform: translateX(-50%); 151 | } 152 | 153 | & + div { 154 | height: 20px !important; 155 | width: 20px !important; 156 | margin-top: 20px; 157 | margin-right: 20px; 158 | opacity: 1 !important; 159 | border-radius: 50%; 160 | transition: transform .5s ease; 161 | 162 | &:hover { 163 | transform: rotate(360deg); 164 | } 165 | 166 | img { 167 | display: none; 168 | } 169 | 170 | &::before, 171 | &::after { 172 | content: ''; 173 | width: 100%; 174 | height: 2px; 175 | @include absolute; 176 | margin: auto; 177 | border-radius: 5px; 178 | background: $white; 179 | } 180 | 181 | &::before { 182 | transform: rotate(-45deg); 183 | } 184 | 185 | &::after { 186 | transform: rotate(45deg); 187 | } 188 | } 189 | } 190 | 191 | .gm-style-mtc > div, 192 | .gmnoprint > div, 193 | .gm-svpc { 194 | background-color: #f63981 !important; 195 | } 196 | -------------------------------------------------------------------------------- /src/fonts/OpenGostTypeATT.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/src/fonts/OpenGostTypeATT.ttf -------------------------------------------------------------------------------- /src/fonts/OpenGostTypeATT.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/src/fonts/OpenGostTypeATT.woff -------------------------------------------------------------------------------- /src/fonts/OpenGostTypeATT.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/src/fonts/OpenGostTypeATT.woff2 -------------------------------------------------------------------------------- /src/images/map-mask.svg: -------------------------------------------------------------------------------- 1 | 4 | 6 | 28 | 30 | 32 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /src/images/marker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/src/images/marker.png -------------------------------------------------------------------------------- /src/images/rb-dash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Roefto/Google-Maps-customization/227bdb56d5765295a31d4cf528db9627d21127b5/src/images/rb-dash.png -------------------------------------------------------------------------------- /src/index.pug: -------------------------------------------------------------------------------- 1 | include ../node_modules/bemto.pug/bemto 2 | 3 | html 4 | head 5 | meta(name="viewport" content="width=device-width, initial-scale=1.0") 6 | meta(http-equiv="X-UA-Compatible" content="ie=edge") 7 | meta(charset='utf-8') 8 | title Google Maps customization 9 | link(rel='stylesheet', href='css/styles.css', type='text/css') 10 | 11 | body 12 | +b.map 13 | +e.mask 14 | +e#map.wrap 15 | +b.marker-content.js-marker-content 16 | +b.marker-info 17 | +e('span').bg-wrap 18 | +e.bg 19 | +e.arrow 20 | +e.dash-wrap 21 | +e.rb-dash.js-parallax-img 22 | +e.text Tutmee Agency
Петровская ул., 51,
Таганрог, Ростовская обл. 23 | 24 | script(src='js/lib/jquery-3.1.0.min.js') 25 | script(src='js/index.js') 26 | script(src='js/pointer_events.js') 27 | script(src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB26lJFkiOq_rbZ0sIQbduyDPptMywHn6k") 28 | 29 | 30 | -------------------------------------------------------------------------------- /src/js/index.js: -------------------------------------------------------------------------------- 1 | var GM = { 2 | init: function () { 3 | this.initCache(); 4 | this.initMap(); 5 | this.initBannerTopParallax(); 6 | }, 7 | 8 | initCache: function() { 9 | this.$body = $('body'); 10 | this.$popupContent = $('.js-marker-content'); 11 | this.parallaxImg = '.js-parallax-img:visible' 12 | }, 13 | 14 | initBannerTopParallax: function () { 15 | var $parallaxImg = null; 16 | 17 | this.$body.mousemove(function(e) { 18 | if($parallaxImg) { 19 | var $el = $(e.currentTarget), 20 | xPos = e.pageX - (window.innerWidth / 2), 21 | mXPcnt = Math.round(xPos / $el.width() * 100), 22 | diffX = $parallaxImg.width() - $el.width(), 23 | myX = diffX * (mXPcnt / 1500); 24 | 25 | $parallaxImg.animate({left: myX}, 0); 26 | } else if($(this.parallaxImg).length) { 27 | $parallaxImg = $(this.parallaxImg); 28 | } 29 | }.bind(this)); 30 | }, 31 | 32 | initMap: function () { 33 | var coordinates = {lat: 47.212325, lng: 38.933663}, 34 | popupContent = this.$popupContent.html(), 35 | markerImage = 'images/marker.png', 36 | zoom = 15, 37 | 38 | map = new google.maps.Map(document.getElementById('map'), { 39 | center: coordinates, 40 | zoom: zoom, 41 | disableDefaultUI: true, 42 | scrollwheel: false 43 | }), 44 | 45 | infowindow = new google.maps.InfoWindow({ 46 | content: popupContent 47 | }), 48 | 49 | marker = new google.maps.Marker({ 50 | position: coordinates, 51 | map: map, 52 | icon: markerImage 53 | }); 54 | 55 | $.getJSON("../json/map-style/map-style_colored.json", function (data) { 56 | map.setOptions({styles: data}); 57 | }); 58 | 59 | google.maps.event.addListener(infowindow,'closeclick',function(){ 60 | marker.setAnimation(google.maps.Animation.BOUNCE); 61 | }); 62 | 63 | marker.addListener('click', function () { 64 | marker.setAnimation(null); 65 | }); 66 | 67 | marker.addListener('click', function() { 68 | infowindow.open(map, marker); 69 | }); 70 | 71 | infowindow.open(map, marker); 72 | } 73 | }; 74 | 75 | $(document).ready(function() { 76 | GM.init(); 77 | }); 78 | -------------------------------------------------------------------------------- /src/js/pointer_events.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Pointer Events Polyfill: Adds support for the style attribute "pointer-events: none" to browsers without this feature (namely, IE). 3 | * (c) 2013, Kent Mewhort, licensed under BSD. See LICENSE.txt for details. 4 | */ 5 | 6 | // constructor 7 | function PointerEventsPolyfill(options){ 8 | // set defaults 9 | this.options = { 10 | selector: '*', 11 | mouseEvents: ['click','dblclick','mousedown','mouseup'], 12 | usePolyfillIf: function(){ 13 | if(navigator.appName == 'Microsoft Internet Explorer') 14 | { 15 | var agent = navigator.userAgent; 16 | if (agent.match(/MSIE ([0-9]{1,}[\.0-9]{0,})/) != null){ 17 | var version = parseFloat( RegExp.$1 ); 18 | if(version < 11) 19 | return true; 20 | } 21 | } 22 | return false; 23 | } 24 | }; 25 | if(options){ 26 | var obj = this; 27 | $.each(options, function(k,v){ 28 | obj.options[k] = v; 29 | }); 30 | } 31 | 32 | if(this.options.usePolyfillIf()) 33 | this.register_mouse_events(); 34 | } 35 | 36 | // singleton initializer 37 | PointerEventsPolyfill.initialize = function(options){ 38 | if(PointerEventsPolyfill.singleton == null) 39 | PointerEventsPolyfill.singleton = new PointerEventsPolyfill(options); 40 | return PointerEventsPolyfill.singleton; 41 | }; 42 | 43 | // handle mouse events w/ support for pointer-events: none 44 | PointerEventsPolyfill.prototype.register_mouse_events = function(){ 45 | // register on all elements (and all future elements) matching the selector 46 | $(document).on(this.options.mouseEvents.join(" "), this.options.selector, function(e){ 47 | if($(this).css('pointer-events') == 'none'){ 48 | // peak at the element below 49 | var origDisplayAttribute = $(this).css('display'); 50 | $(this).css('display','none'); 51 | 52 | var underneathElem = document.elementFromPoint(e.clientX, e.clientY); 53 | 54 | if(origDisplayAttribute) 55 | $(this) 56 | .css('display', origDisplayAttribute); 57 | else 58 | $(this).css('display',''); 59 | 60 | // fire the mouse event on the element below 61 | e.target = underneathElem; 62 | $(underneathElem).trigger(e); 63 | 64 | return false; 65 | } 66 | return true; 67 | }); 68 | }; 69 | 70 | $(document).ready(function(){ 71 | PointerEventsPolyfill.initialize({}); 72 | }); -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#5bc4bf" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "all", 13 | "elementType": "labels.text.fill", 14 | "stylers": [ 15 | { 16 | "saturation": 36 17 | }, 18 | { 19 | "color": "#f6c939" 20 | }, 21 | { 22 | "lightness": 40 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "all", 28 | "elementType": "labels.text.stroke", 29 | "stylers": [ 30 | { 31 | "visibility": "on" 32 | }, 33 | { 34 | "color": "#f6c939" 35 | }, 36 | { 37 | "lightness": 16 38 | }, 39 | { 40 | "weight": "1.00" 41 | }, 42 | { 43 | "gamma": "1.00" 44 | } 45 | ] 46 | }, 47 | { 48 | "featureType": "all", 49 | "elementType": "labels.icon", 50 | "stylers": [ 51 | { 52 | "visibility": "simplified" 53 | }, 54 | { 55 | "hue": "#ff005c" 56 | }, 57 | { 58 | "lightness": "-9" 59 | }, 60 | { 61 | "saturation": "64" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "administrative", 67 | "elementType": "geometry.fill", 68 | "stylers": [ 69 | { 70 | "color": "#541c56" 71 | }, 72 | { 73 | "lightness": 20 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "administrative", 79 | "elementType": "geometry.stroke", 80 | "stylers": [ 81 | { 82 | "color": "#541c56" 83 | }, 84 | { 85 | "lightness": 17 86 | }, 87 | { 88 | "weight": 1.2 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "administrative", 94 | "elementType": "labels.text.stroke", 95 | "stylers": [ 96 | { 97 | "weight": "0.80" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape", 103 | "elementType": "geometry", 104 | "stylers": [ 105 | { 106 | "lightness": "4" 107 | }, 108 | { 109 | "saturation": "3" 110 | }, 111 | { 112 | "hue": "#00ffe0" 113 | }, 114 | { 115 | "visibility": "on" 116 | }, 117 | { 118 | "weight": "0.60" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape", 124 | "elementType": "geometry.fill", 125 | "stylers": [ 126 | { 127 | "saturation": "10" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "landscape", 133 | "elementType": "geometry.stroke", 134 | "stylers": [ 135 | { 136 | "lightness": "28" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "landscape", 142 | "elementType": "labels.text.stroke", 143 | "stylers": [ 144 | { 145 | "weight": "0.80" 146 | }, 147 | { 148 | "lightness": "0" 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "poi", 154 | "elementType": "all", 155 | "stylers": [ 156 | { 157 | "visibility": "on" 158 | } 159 | ] 160 | }, 161 | { 162 | "featureType": "poi", 163 | "elementType": "geometry", 164 | "stylers": [ 165 | { 166 | "color": "#5bc4bf" 167 | }, 168 | { 169 | "lightness": "-3" 170 | }, 171 | { 172 | "visibility": "on" 173 | } 174 | ] 175 | }, 176 | { 177 | "featureType": "poi", 178 | "elementType": "labels.text.stroke", 179 | "stylers": [ 180 | { 181 | "weight": "0.80" 182 | } 183 | ] 184 | }, 185 | { 186 | "featureType": "poi.attraction", 187 | "elementType": "all", 188 | "stylers": [ 189 | { 190 | "visibility": "on" 191 | } 192 | ] 193 | }, 194 | { 195 | "featureType": "poi.business", 196 | "elementType": "all", 197 | "stylers": [ 198 | { 199 | "visibility": "on" 200 | } 201 | ] 202 | }, 203 | { 204 | "featureType": "poi.government", 205 | "elementType": "all", 206 | "stylers": [ 207 | { 208 | "visibility": "on" 209 | } 210 | ] 211 | }, 212 | { 213 | "featureType": "poi.medical", 214 | "elementType": "all", 215 | "stylers": [ 216 | { 217 | "visibility": "on" 218 | } 219 | ] 220 | }, 221 | { 222 | "featureType": "poi.park", 223 | "elementType": "all", 224 | "stylers": [ 225 | { 226 | "visibility": "on" 227 | } 228 | ] 229 | }, 230 | { 231 | "featureType": "poi.place_of_worship", 232 | "elementType": "all", 233 | "stylers": [ 234 | { 235 | "visibility": "on" 236 | } 237 | ] 238 | }, 239 | { 240 | "featureType": "poi.school", 241 | "elementType": "all", 242 | "stylers": [ 243 | { 244 | "visibility": "on" 245 | } 246 | ] 247 | }, 248 | { 249 | "featureType": "poi.sports_complex", 250 | "elementType": "all", 251 | "stylers": [ 252 | { 253 | "visibility": "on" 254 | } 255 | ] 256 | }, 257 | { 258 | "featureType": "road", 259 | "elementType": "labels.text.stroke", 260 | "stylers": [ 261 | { 262 | "weight": "0.80" 263 | } 264 | ] 265 | }, 266 | { 267 | "featureType": "road.highway", 268 | "elementType": "geometry.fill", 269 | "stylers": [ 270 | { 271 | "color": "#541c56" 272 | }, 273 | { 274 | "lightness": 17 275 | } 276 | ] 277 | }, 278 | { 279 | "featureType": "road.highway", 280 | "elementType": "geometry.stroke", 281 | "stylers": [ 282 | { 283 | "color": "#da1d43" 284 | }, 285 | { 286 | "lightness": 29 287 | }, 288 | { 289 | "weight": 0.2 290 | } 291 | ] 292 | }, 293 | { 294 | "featureType": "road.highway", 295 | "elementType": "labels.text.stroke", 296 | "stylers": [ 297 | { 298 | "weight": "0.80" 299 | } 300 | ] 301 | }, 302 | { 303 | "featureType": "road.arterial", 304 | "elementType": "geometry", 305 | "stylers": [ 306 | { 307 | "color": "#541c56" 308 | }, 309 | { 310 | "lightness": 18 311 | } 312 | ] 313 | }, 314 | { 315 | "featureType": "road.arterial", 316 | "elementType": "labels.text.stroke", 317 | "stylers": [ 318 | { 319 | "weight": "0.80" 320 | }, 321 | { 322 | "gamma": "1" 323 | } 324 | ] 325 | }, 326 | { 327 | "featureType": "road.local", 328 | "elementType": "geometry", 329 | "stylers": [ 330 | { 331 | "color": "#541c56" 332 | }, 333 | { 334 | "lightness": 16 335 | } 336 | ] 337 | }, 338 | { 339 | "featureType": "road.local", 340 | "elementType": "labels.text.stroke", 341 | "stylers": [ 342 | { 343 | "weight": "0.80" 344 | } 345 | ] 346 | }, 347 | { 348 | "featureType": "transit", 349 | "elementType": "geometry", 350 | "stylers": [ 351 | { 352 | "color": "#da1d43" 353 | }, 354 | { 355 | "lightness": 19 356 | } 357 | ] 358 | }, 359 | { 360 | "featureType": "transit", 361 | "elementType": "labels.text.stroke", 362 | "stylers": [ 363 | { 364 | "weight": "0.80" 365 | } 366 | ] 367 | }, 368 | { 369 | "featureType": "transit.station", 370 | "elementType": "geometry", 371 | "stylers": [ 372 | { 373 | "color": "#541c56" 374 | } 375 | ] 376 | }, 377 | { 378 | "featureType": "transit.station", 379 | "elementType": "labels.text.stroke", 380 | "stylers": [ 381 | { 382 | "weight": "0.80" 383 | } 384 | ] 385 | }, 386 | { 387 | "featureType": "water", 388 | "elementType": "geometry", 389 | "stylers": [ 390 | { 391 | "color": "#f63981" 392 | }, 393 | { 394 | "lightness": "-22" 395 | } 396 | ] 397 | } 398 | ] 399 | -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored1.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#5bc4bf" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "all", 13 | "elementType": "labels.text.fill", 14 | "stylers": [ 15 | { 16 | "saturation": 36 17 | }, 18 | { 19 | "color": "#f6c939" 20 | }, 21 | { 22 | "lightness": 40 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "all", 28 | "elementType": "labels.text.stroke", 29 | "stylers": [ 30 | { 31 | "visibility": "on" 32 | }, 33 | { 34 | "color": "#f6c939" 35 | }, 36 | { 37 | "lightness": 16 38 | }, 39 | { 40 | "weight": "1.00" 41 | }, 42 | { 43 | "gamma": "1.00" 44 | } 45 | ] 46 | }, 47 | { 48 | "featureType": "all", 49 | "elementType": "labels.icon", 50 | "stylers": [ 51 | { 52 | "visibility": "simplified" 53 | }, 54 | { 55 | "hue": "#ff005c" 56 | }, 57 | { 58 | "lightness": "-9" 59 | }, 60 | { 61 | "saturation": "64" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "administrative", 67 | "elementType": "geometry.fill", 68 | "stylers": [ 69 | { 70 | "color": "#541c56" 71 | }, 72 | { 73 | "lightness": 20 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "administrative", 79 | "elementType": "geometry.stroke", 80 | "stylers": [ 81 | { 82 | "color": "#541c56" 83 | }, 84 | { 85 | "lightness": 17 86 | }, 87 | { 88 | "weight": 1.2 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "administrative", 94 | "elementType": "labels.text.stroke", 95 | "stylers": [ 96 | { 97 | "weight": "0.80" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape", 103 | "elementType": "geometry", 104 | "stylers": [ 105 | { 106 | "lightness": "4" 107 | }, 108 | { 109 | "saturation": "3" 110 | }, 111 | { 112 | "hue": "#00ffe0" 113 | }, 114 | { 115 | "visibility": "on" 116 | }, 117 | { 118 | "weight": "0.60" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape", 124 | "elementType": "geometry.fill", 125 | "stylers": [ 126 | { 127 | "saturation": "10" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "landscape", 133 | "elementType": "geometry.stroke", 134 | "stylers": [ 135 | { 136 | "lightness": "28" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "landscape", 142 | "elementType": "labels.text.stroke", 143 | "stylers": [ 144 | { 145 | "weight": "0.80" 146 | }, 147 | { 148 | "lightness": "0" 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "poi", 154 | "elementType": "geometry", 155 | "stylers": [ 156 | { 157 | "color": "#5bc4bf" 158 | }, 159 | { 160 | "lightness": "-3" 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "poi", 166 | "elementType": "labels.text.stroke", 167 | "stylers": [ 168 | { 169 | "weight": "0.80" 170 | } 171 | ] 172 | }, 173 | { 174 | "featureType": "poi.attraction", 175 | "elementType": "all", 176 | "stylers": [ 177 | { 178 | "visibility": "off" 179 | } 180 | ] 181 | }, 182 | { 183 | "featureType": "poi.business", 184 | "elementType": "all", 185 | "stylers": [ 186 | { 187 | "visibility": "off" 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "poi.government", 193 | "elementType": "all", 194 | "stylers": [ 195 | { 196 | "visibility": "off" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "poi.medical", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "visibility": "off" 206 | } 207 | ] 208 | }, 209 | { 210 | "featureType": "poi.park", 211 | "elementType": "all", 212 | "stylers": [ 213 | { 214 | "visibility": "simplified" 215 | } 216 | ] 217 | }, 218 | { 219 | "featureType": "poi.place_of_worship", 220 | "elementType": "all", 221 | "stylers": [ 222 | { 223 | "visibility": "simplified" 224 | } 225 | ] 226 | }, 227 | { 228 | "featureType": "poi.school", 229 | "elementType": "all", 230 | "stylers": [ 231 | { 232 | "visibility": "simplified" 233 | } 234 | ] 235 | }, 236 | { 237 | "featureType": "poi.sports_complex", 238 | "elementType": "all", 239 | "stylers": [ 240 | { 241 | "visibility": "simplified" 242 | } 243 | ] 244 | }, 245 | { 246 | "featureType": "road", 247 | "elementType": "labels.text.stroke", 248 | "stylers": [ 249 | { 250 | "weight": "0.80" 251 | } 252 | ] 253 | }, 254 | { 255 | "featureType": "road.highway", 256 | "elementType": "geometry.fill", 257 | "stylers": [ 258 | { 259 | "color": "#541c56" 260 | }, 261 | { 262 | "lightness": 17 263 | } 264 | ] 265 | }, 266 | { 267 | "featureType": "road.highway", 268 | "elementType": "geometry.stroke", 269 | "stylers": [ 270 | { 271 | "color": "#da1d43" 272 | }, 273 | { 274 | "lightness": 29 275 | }, 276 | { 277 | "weight": 0.2 278 | } 279 | ] 280 | }, 281 | { 282 | "featureType": "road.highway", 283 | "elementType": "labels.text.stroke", 284 | "stylers": [ 285 | { 286 | "weight": "0.80" 287 | } 288 | ] 289 | }, 290 | { 291 | "featureType": "road.arterial", 292 | "elementType": "geometry", 293 | "stylers": [ 294 | { 295 | "color": "#541c56" 296 | }, 297 | { 298 | "lightness": 18 299 | } 300 | ] 301 | }, 302 | { 303 | "featureType": "road.arterial", 304 | "elementType": "labels.text.stroke", 305 | "stylers": [ 306 | { 307 | "weight": "0.80" 308 | }, 309 | { 310 | "gamma": "1" 311 | } 312 | ] 313 | }, 314 | { 315 | "featureType": "road.local", 316 | "elementType": "geometry", 317 | "stylers": [ 318 | { 319 | "color": "#541c56" 320 | }, 321 | { 322 | "lightness": 16 323 | } 324 | ] 325 | }, 326 | { 327 | "featureType": "road.local", 328 | "elementType": "labels.text.stroke", 329 | "stylers": [ 330 | { 331 | "weight": "0.80" 332 | } 333 | ] 334 | }, 335 | { 336 | "featureType": "transit", 337 | "elementType": "geometry", 338 | "stylers": [ 339 | { 340 | "color": "#da1d43" 341 | }, 342 | { 343 | "lightness": 19 344 | } 345 | ] 346 | }, 347 | { 348 | "featureType": "transit", 349 | "elementType": "labels.text.stroke", 350 | "stylers": [ 351 | { 352 | "weight": "0.80" 353 | } 354 | ] 355 | }, 356 | { 357 | "featureType": "transit.station", 358 | "elementType": "geometry", 359 | "stylers": [ 360 | { 361 | "color": "#541c56" 362 | } 363 | ] 364 | }, 365 | { 366 | "featureType": "transit.station", 367 | "elementType": "labels.text.stroke", 368 | "stylers": [ 369 | { 370 | "weight": "0.80" 371 | } 372 | ] 373 | }, 374 | { 375 | "featureType": "water", 376 | "elementType": "geometry", 377 | "stylers": [ 378 | { 379 | "color": "#f63981" 380 | }, 381 | { 382 | "lightness": "-22" 383 | } 384 | ] 385 | } 386 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored10.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "water", 4 | "elementType": "all", 5 | "stylers": [ 6 | { 7 | "hue": "#0072B2" 8 | }, 9 | { 10 | "saturation": 100 11 | }, 12 | { 13 | "lightness": -54 14 | }, 15 | { 16 | "visibility": "on" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "landscape", 22 | "elementType": "all", 23 | "stylers": [ 24 | { 25 | "hue": "#E69F00" 26 | }, 27 | { 28 | "saturation": 100 29 | }, 30 | { 31 | "lightness": -49 32 | }, 33 | { 34 | "visibility": "on" 35 | } 36 | ] 37 | }, 38 | { 39 | "featureType": "poi", 40 | "elementType": "all", 41 | "stylers": [ 42 | { 43 | "hue": "#D55E00" 44 | }, 45 | { 46 | "saturation": 100 47 | }, 48 | { 49 | "lightness": -46 50 | }, 51 | { 52 | "visibility": "on" 53 | } 54 | ] 55 | }, 56 | { 57 | "featureType": "road.local", 58 | "elementType": "all", 59 | "stylers": [ 60 | { 61 | "hue": "#CC79A7" 62 | }, 63 | { 64 | "saturation": -55 65 | }, 66 | { 67 | "lightness": -36 68 | }, 69 | { 70 | "visibility": "on" 71 | } 72 | ] 73 | }, 74 | { 75 | "featureType": "road.arterial", 76 | "elementType": "all", 77 | "stylers": [ 78 | { 79 | "hue": "#F0E442" 80 | }, 81 | { 82 | "saturation": -15 83 | }, 84 | { 85 | "lightness": -22 86 | }, 87 | { 88 | "visibility": "on" 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "road.highway", 94 | "elementType": "all", 95 | "stylers": [ 96 | { 97 | "hue": "#56B4E9" 98 | }, 99 | { 100 | "saturation": -23 101 | }, 102 | { 103 | "lightness": -2 104 | }, 105 | { 106 | "visibility": "on" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "administrative", 112 | "elementType": "geometry", 113 | "stylers": [ 114 | { 115 | "hue": "#000000" 116 | }, 117 | { 118 | "saturation": 0 119 | }, 120 | { 121 | "lightness": -100 122 | }, 123 | { 124 | "visibility": "on" 125 | } 126 | ] 127 | }, 128 | { 129 | "featureType": "transit", 130 | "elementType": "all", 131 | "stylers": [ 132 | { 133 | "hue": "#009E73" 134 | }, 135 | { 136 | "saturation": 100 137 | }, 138 | { 139 | "lightness": -59 140 | }, 141 | { 142 | "visibility": "on" 143 | } 144 | ] 145 | } 146 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored11.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "administrative", 4 | "elementType": "all", 5 | "stylers": [ 6 | { 7 | "hue": "#15a4aa" 8 | }, 9 | { 10 | "saturation": 78 11 | }, 12 | { 13 | "lightness": -27 14 | }, 15 | { 16 | "visibility": "on" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "administrative.country", 22 | "elementType": "all", 23 | "stylers": [ 24 | { 25 | "hue": "#ffffff" 26 | }, 27 | { 28 | "lightness": 100 29 | }, 30 | { 31 | "visibility": "off" 32 | } 33 | ] 34 | }, 35 | { 36 | "featureType": "administrative.locality", 37 | "elementType": "all", 38 | "stylers": [ 39 | { 40 | "hue": "#ffffff" 41 | }, 42 | { 43 | "lightness": 100 44 | }, 45 | { 46 | "visibility": "off" 47 | } 48 | ] 49 | }, 50 | { 51 | "featureType": "administrative.neighborhood", 52 | "elementType": "all", 53 | "stylers": [ 54 | { 55 | "hue": "#ffffff" 56 | }, 57 | { 58 | "lightness": 100 59 | }, 60 | { 61 | "visibility": "off" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "landscape", 67 | "elementType": "all", 68 | "stylers": [ 69 | { 70 | "hue": "#1a363e" 71 | }, 72 | { 73 | "saturation": 19 74 | }, 75 | { 76 | "lightness": -81 77 | }, 78 | { 79 | "visibility": "on" 80 | } 81 | ] 82 | }, 83 | { 84 | "featureType": "landscape.man_made", 85 | "elementType": "geometry.fill", 86 | "stylers": [ 87 | { 88 | "color": "#ff8300" 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "poi.business", 94 | "elementType": "all", 95 | "stylers": [ 96 | { 97 | "hue": "#f48141" 98 | }, 99 | { 100 | "saturation": 87 101 | }, 102 | { 103 | "lightness": -29 104 | }, 105 | { 106 | "visibility": "simplified" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "poi.park", 112 | "elementType": "all", 113 | "stylers": [ 114 | { 115 | "hue": "#f48141" 116 | }, 117 | { 118 | "saturation": 81 119 | }, 120 | { 121 | "lightness": -22 122 | }, 123 | { 124 | "visibility": "on" 125 | } 126 | ] 127 | }, 128 | { 129 | "featureType": "poi.school", 130 | "elementType": "all", 131 | "stylers": [ 132 | { 133 | "hue": "#f48141" 134 | }, 135 | { 136 | "saturation": 79 137 | }, 138 | { 139 | "lightness": -27 140 | }, 141 | { 142 | "visibility": "simplified" 143 | } 144 | ] 145 | }, 146 | { 147 | "featureType": "road", 148 | "elementType": "geometry", 149 | "stylers": [ 150 | { 151 | "hue": "#ffffff" 152 | }, 153 | { 154 | "saturation": -100 155 | }, 156 | { 157 | "lightness": 100 158 | }, 159 | { 160 | "visibility": "on" 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "transit", 166 | "elementType": "all", 167 | "stylers": [ 168 | { 169 | "hue": "#ffffff" 170 | }, 171 | { 172 | "lightness": 100 173 | }, 174 | { 175 | "visibility": "off" 176 | } 177 | ] 178 | }, 179 | { 180 | "featureType": "water", 181 | "elementType": "all", 182 | "stylers": [ 183 | { 184 | "hue": "#15a4aa" 185 | }, 186 | { 187 | "saturation": 60 188 | }, 189 | { 190 | "lightness": -51 191 | }, 192 | { 193 | "visibility": "on" 194 | } 195 | ] 196 | } 197 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored12.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "landscape", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#ffffff" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "landscape.man_made", 13 | "elementType": "geometry.fill", 14 | "stylers": [ 15 | { 16 | "color": "#ffffff" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "road", 22 | "elementType": "geometry.fill", 23 | "stylers": [ 24 | { 25 | "color": "#f37436" 26 | } 27 | ] 28 | }, 29 | { 30 | "featureType": "water", 31 | "elementType": "geometry.fill", 32 | "stylers": [ 33 | { 34 | "color": "#2aae8a" 35 | } 36 | ] 37 | } 38 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored2.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "all", 5 | "stylers": [ 6 | { 7 | "visibility": "simplified" 8 | }, 9 | { 10 | "hue": "#bc00ff" 11 | }, 12 | { 13 | "saturation": "0" 14 | } 15 | ] 16 | }, 17 | { 18 | "featureType": "administrative", 19 | "elementType": "all", 20 | "stylers": [ 21 | { 22 | "visibility": "simplified" 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "administrative", 28 | "elementType": "labels.text.fill", 29 | "stylers": [ 30 | { 31 | "color": "#e8b8f9" 32 | } 33 | ] 34 | }, 35 | { 36 | "featureType": "administrative.country", 37 | "elementType": "labels", 38 | "stylers": [ 39 | { 40 | "color": "#ff0000" 41 | } 42 | ] 43 | }, 44 | { 45 | "featureType": "administrative.land_parcel", 46 | "elementType": "labels.text.fill", 47 | "stylers": [ 48 | { 49 | "visibility": "simplified" 50 | } 51 | ] 52 | }, 53 | { 54 | "featureType": "landscape", 55 | "elementType": "all", 56 | "stylers": [ 57 | { 58 | "color": "#3e114e" 59 | }, 60 | { 61 | "visibility": "simplified" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "landscape", 67 | "elementType": "labels", 68 | "stylers": [ 69 | { 70 | "visibility": "off" 71 | }, 72 | { 73 | "color": "#a02aca" 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "landscape.natural", 79 | "elementType": "all", 80 | "stylers": [ 81 | { 82 | "visibility": "simplified" 83 | }, 84 | { 85 | "color": "#2e093b" 86 | } 87 | ] 88 | }, 89 | { 90 | "featureType": "landscape.natural", 91 | "elementType": "labels.text", 92 | "stylers": [ 93 | { 94 | "color": "#9e1010" 95 | }, 96 | { 97 | "visibility": "off" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape.natural", 103 | "elementType": "labels.text.fill", 104 | "stylers": [ 105 | { 106 | "color": "#ff0000" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "landscape.natural.landcover", 112 | "elementType": "all", 113 | "stylers": [ 114 | { 115 | "visibility": "simplified" 116 | }, 117 | { 118 | "color": "#58176e" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape.natural.landcover", 124 | "elementType": "labels.text.fill", 125 | "stylers": [ 126 | { 127 | "visibility": "simplified" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "poi", 133 | "elementType": "all", 134 | "stylers": [ 135 | { 136 | "visibility": "off" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "poi.business", 142 | "elementType": "all", 143 | "stylers": [ 144 | { 145 | "visibility": "off" 146 | } 147 | ] 148 | }, 149 | { 150 | "featureType": "road", 151 | "elementType": "all", 152 | "stylers": [ 153 | { 154 | "saturation": -100 155 | }, 156 | { 157 | "lightness": 45 158 | } 159 | ] 160 | }, 161 | { 162 | "featureType": "road", 163 | "elementType": "geometry", 164 | "stylers": [ 165 | { 166 | "visibility": "simplified" 167 | }, 168 | { 169 | "color": "#a02aca" 170 | } 171 | ] 172 | }, 173 | { 174 | "featureType": "road", 175 | "elementType": "labels", 176 | "stylers": [ 177 | { 178 | "visibility": "simplified" 179 | } 180 | ] 181 | }, 182 | { 183 | "featureType": "road", 184 | "elementType": "labels.text.fill", 185 | "stylers": [ 186 | { 187 | "color": "#d180ee" 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "road", 193 | "elementType": "labels.text.stroke", 194 | "stylers": [ 195 | { 196 | "visibility": "simplified" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "road.highway", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "visibility": "simplified" 206 | } 207 | ] 208 | }, 209 | { 210 | "featureType": "road.highway", 211 | "elementType": "geometry", 212 | "stylers": [ 213 | { 214 | "visibility": "simplified" 215 | }, 216 | { 217 | "color": "#a02aca" 218 | } 219 | ] 220 | }, 221 | { 222 | "featureType": "road.highway", 223 | "elementType": "labels", 224 | "stylers": [ 225 | { 226 | "visibility": "off" 227 | }, 228 | { 229 | "color": "#ff0000" 230 | } 231 | ] 232 | }, 233 | { 234 | "featureType": "road.highway", 235 | "elementType": "labels.text", 236 | "stylers": [ 237 | { 238 | "color": "#a02aca" 239 | }, 240 | { 241 | "visibility": "simplified" 242 | } 243 | ] 244 | }, 245 | { 246 | "featureType": "road.highway", 247 | "elementType": "labels.text.fill", 248 | "stylers": [ 249 | { 250 | "color": "#cc81e7" 251 | }, 252 | { 253 | "visibility": "simplified" 254 | } 255 | ] 256 | }, 257 | { 258 | "featureType": "road.highway", 259 | "elementType": "labels.text.stroke", 260 | "stylers": [ 261 | { 262 | "visibility": "simplified" 263 | }, 264 | { 265 | "hue": "#bc00ff" 266 | } 267 | ] 268 | }, 269 | { 270 | "featureType": "road.arterial", 271 | "elementType": "geometry", 272 | "stylers": [ 273 | { 274 | "color": "#6d2388" 275 | } 276 | ] 277 | }, 278 | { 279 | "featureType": "road.arterial", 280 | "elementType": "labels.text.fill", 281 | "stylers": [ 282 | { 283 | "color": "#c46ce3" 284 | } 285 | ] 286 | }, 287 | { 288 | "featureType": "road.arterial", 289 | "elementType": "labels.icon", 290 | "stylers": [ 291 | { 292 | "visibility": "off" 293 | } 294 | ] 295 | }, 296 | { 297 | "featureType": "transit", 298 | "elementType": "all", 299 | "stylers": [ 300 | { 301 | "visibility": "off" 302 | } 303 | ] 304 | }, 305 | { 306 | "featureType": "water", 307 | "elementType": "all", 308 | "stylers": [ 309 | { 310 | "color": "#b7918f" 311 | }, 312 | { 313 | "visibility": "on" 314 | } 315 | ] 316 | }, 317 | { 318 | "featureType": "water", 319 | "elementType": "geometry", 320 | "stylers": [ 321 | { 322 | "color": "#280b33" 323 | } 324 | ] 325 | }, 326 | { 327 | "featureType": "water", 328 | "elementType": "labels", 329 | "stylers": [ 330 | { 331 | "visibility": "simplified" 332 | }, 333 | { 334 | "color": "#a02aca" 335 | } 336 | ] 337 | } 338 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored3.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "geometry", 5 | "stylers": [ 6 | { 7 | "color": "#bb12f2" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "all", 13 | "elementType": "labels", 14 | "stylers": [ 15 | { 16 | "visibility": "on" 17 | }, 18 | { 19 | "color": "#ffffff" 20 | } 21 | ] 22 | }, 23 | { 24 | "featureType": "all", 25 | "elementType": "labels.text.fill", 26 | "stylers": [ 27 | { 28 | "gamma": 0.01 29 | }, 30 | { 31 | "lightness": 20 32 | } 33 | ] 34 | }, 35 | { 36 | "featureType": "all", 37 | "elementType": "labels.text.stroke", 38 | "stylers": [ 39 | { 40 | "saturation": -31 41 | }, 42 | { 43 | "lightness": -33 44 | }, 45 | { 46 | "weight": 2 47 | }, 48 | { 49 | "gamma": 0.8 50 | } 51 | ] 52 | }, 53 | { 54 | "featureType": "all", 55 | "elementType": "labels.icon", 56 | "stylers": [ 57 | { 58 | "visibility": "off" 59 | } 60 | ] 61 | }, 62 | { 63 | "featureType": "landscape", 64 | "elementType": "geometry", 65 | "stylers": [ 66 | { 67 | "lightness": 30 68 | }, 69 | { 70 | "saturation": 30 71 | } 72 | ] 73 | }, 74 | { 75 | "featureType": "landscape", 76 | "elementType": "geometry.fill", 77 | "stylers": [ 78 | { 79 | "visibility": "on" 80 | } 81 | ] 82 | }, 83 | { 84 | "featureType": "poi", 85 | "elementType": "geometry", 86 | "stylers": [ 87 | { 88 | "saturation": 20 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "poi.park", 94 | "elementType": "geometry", 95 | "stylers": [ 96 | { 97 | "lightness": 20 98 | }, 99 | { 100 | "saturation": -20 101 | } 102 | ] 103 | }, 104 | { 105 | "featureType": "road", 106 | "elementType": "geometry", 107 | "stylers": [ 108 | { 109 | "lightness": 10 110 | }, 111 | { 112 | "saturation": -30 113 | } 114 | ] 115 | }, 116 | { 117 | "featureType": "road", 118 | "elementType": "geometry.stroke", 119 | "stylers": [ 120 | { 121 | "saturation": 25 122 | }, 123 | { 124 | "lightness": 25 125 | } 126 | ] 127 | }, 128 | { 129 | "featureType": "water", 130 | "elementType": "all", 131 | "stylers": [ 132 | { 133 | "lightness": -20 134 | } 135 | ] 136 | } 137 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored4.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "labels.text.fill", 5 | "stylers": [ 6 | { 7 | "saturation": 36 8 | }, 9 | { 10 | "color": "#000000" 11 | }, 12 | { 13 | "lightness": 40 14 | } 15 | ] 16 | }, 17 | { 18 | "featureType": "all", 19 | "elementType": "labels.text.stroke", 20 | "stylers": [ 21 | { 22 | "visibility": "on" 23 | }, 24 | { 25 | "color": "#000000" 26 | }, 27 | { 28 | "lightness": 16 29 | } 30 | ] 31 | }, 32 | { 33 | "featureType": "all", 34 | "elementType": "labels.icon", 35 | "stylers": [ 36 | { 37 | "visibility": "off" 38 | } 39 | ] 40 | }, 41 | { 42 | "featureType": "administrative", 43 | "elementType": "geometry.fill", 44 | "stylers": [ 45 | { 46 | "color": "#000000" 47 | }, 48 | { 49 | "lightness": 20 50 | } 51 | ] 52 | }, 53 | { 54 | "featureType": "administrative", 55 | "elementType": "geometry.stroke", 56 | "stylers": [ 57 | { 58 | "color": "#000000" 59 | }, 60 | { 61 | "lightness": 17 62 | }, 63 | { 64 | "weight": 1.2 65 | } 66 | ] 67 | }, 68 | { 69 | "featureType": "administrative.country", 70 | "elementType": "labels.text.fill", 71 | "stylers": [ 72 | { 73 | "color": "#c46de6" 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "administrative.country", 79 | "elementType": "labels.text.stroke", 80 | "stylers": [ 81 | { 82 | "color": "#634c91" 83 | } 84 | ] 85 | }, 86 | { 87 | "featureType": "administrative.province", 88 | "elementType": "labels.text.fill", 89 | "stylers": [ 90 | { 91 | "color": "#041f1e" 92 | } 93 | ] 94 | }, 95 | { 96 | "featureType": "administrative.province", 97 | "elementType": "labels.text.stroke", 98 | "stylers": [ 99 | { 100 | "color": "#8db7ad" 101 | } 102 | ] 103 | }, 104 | { 105 | "featureType": "administrative.locality", 106 | "elementType": "labels.text.fill", 107 | "stylers": [ 108 | { 109 | "color": "#36e8de" 110 | } 111 | ] 112 | }, 113 | { 114 | "featureType": "administrative.locality", 115 | "elementType": "labels.text.stroke", 116 | "stylers": [ 117 | { 118 | "color": "#2f4e4d" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "administrative.neighborhood", 124 | "elementType": "labels.text.fill", 125 | "stylers": [ 126 | { 127 | "color": "#b9af70" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "administrative.neighborhood", 133 | "elementType": "labels.text.stroke", 134 | "stylers": [ 135 | { 136 | "color": "#756137" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "landscape", 142 | "elementType": "geometry", 143 | "stylers": [ 144 | { 145 | "color": "#000000" 146 | }, 147 | { 148 | "lightness": 20 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "poi", 154 | "elementType": "geometry", 155 | "stylers": [ 156 | { 157 | "color": "#000000" 158 | }, 159 | { 160 | "lightness": 21 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "road.highway", 166 | "elementType": "geometry.fill", 167 | "stylers": [ 168 | { 169 | "color": "#eec3c3" 170 | }, 171 | { 172 | "lightness": 17 173 | } 174 | ] 175 | }, 176 | { 177 | "featureType": "road.highway", 178 | "elementType": "geometry.stroke", 179 | "stylers": [ 180 | { 181 | "color": "#e75555" 182 | }, 183 | { 184 | "lightness": 29 185 | }, 186 | { 187 | "weight": 0.2 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "road.arterial", 193 | "elementType": "geometry", 194 | "stylers": [ 195 | { 196 | "color": "#000000" 197 | }, 198 | { 199 | "lightness": 18 200 | } 201 | ] 202 | }, 203 | { 204 | "featureType": "road.arterial", 205 | "elementType": "geometry.fill", 206 | "stylers": [ 207 | { 208 | "color": "#97bc80" 209 | } 210 | ] 211 | }, 212 | { 213 | "featureType": "road.arterial", 214 | "elementType": "geometry.stroke", 215 | "stylers": [ 216 | { 217 | "color": "#00ffdf" 218 | } 219 | ] 220 | }, 221 | { 222 | "featureType": "road.local", 223 | "elementType": "geometry", 224 | "stylers": [ 225 | { 226 | "color": "#000000" 227 | }, 228 | { 229 | "lightness": 16 230 | } 231 | ] 232 | }, 233 | { 234 | "featureType": "road.local", 235 | "elementType": "geometry.fill", 236 | "stylers": [ 237 | { 238 | "color": "#9e7f26" 239 | } 240 | ] 241 | }, 242 | { 243 | "featureType": "road.local", 244 | "elementType": "geometry.stroke", 245 | "stylers": [ 246 | { 247 | "color": "#dfc079" 248 | } 249 | ] 250 | }, 251 | { 252 | "featureType": "transit", 253 | "elementType": "geometry", 254 | "stylers": [ 255 | { 256 | "color": "#000000" 257 | }, 258 | { 259 | "lightness": 19 260 | } 261 | ] 262 | }, 263 | { 264 | "featureType": "water", 265 | "elementType": "geometry", 266 | "stylers": [ 267 | { 268 | "color": "#c2ebfb" 269 | }, 270 | { 271 | "lightness": 17 272 | } 273 | ] 274 | } 275 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored5.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "administrative", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#1e242b" 8 | }, 9 | { 10 | "lightness": "5" 11 | } 12 | ] 13 | }, 14 | { 15 | "featureType": "administrative", 16 | "elementType": "geometry.stroke", 17 | "stylers": [ 18 | { 19 | "color": "#1e242b" 20 | }, 21 | { 22 | "saturation": "0" 23 | }, 24 | { 25 | "lightness": "30" 26 | } 27 | ] 28 | }, 29 | { 30 | "featureType": "administrative", 31 | "elementType": "labels", 32 | "stylers": [ 33 | { 34 | "color": "#e81d62" 35 | }, 36 | { 37 | "lightness": "63" 38 | }, 39 | { 40 | "visibility": "on" 41 | }, 42 | { 43 | "gamma": "1" 44 | }, 45 | { 46 | "saturation": "0" 47 | } 48 | ] 49 | }, 50 | { 51 | "featureType": "administrative", 52 | "elementType": "labels.text.stroke", 53 | "stylers": [ 54 | { 55 | "visibility": "on" 56 | }, 57 | { 58 | "lightness": "-36" 59 | }, 60 | { 61 | "gamma": "1" 62 | }, 63 | { 64 | "saturation": "0" 65 | } 66 | ] 67 | }, 68 | { 69 | "featureType": "administrative.province", 70 | "elementType": "geometry.stroke", 71 | "stylers": [ 72 | { 73 | "color": "#1e242b" 74 | }, 75 | { 76 | "lightness": "20" 77 | }, 78 | { 79 | "weight": "1.00" 80 | } 81 | ] 82 | }, 83 | { 84 | "featureType": "administrative.neighborhood", 85 | "elementType": "labels.text.fill", 86 | "stylers": [ 87 | { 88 | "lightness": "-20" 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "administrative.land_parcel", 94 | "elementType": "labels.text.fill", 95 | "stylers": [ 96 | { 97 | "lightness": "-20" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape", 103 | "elementType": "geometry", 104 | "stylers": [ 105 | { 106 | "color": "#e81d62" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "landscape", 112 | "elementType": "labels", 113 | "stylers": [ 114 | { 115 | "color": "#1e242b" 116 | }, 117 | { 118 | "lightness": "30" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape", 124 | "elementType": "labels.text.stroke", 125 | "stylers": [ 126 | { 127 | "visibility": "off" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "poi", 133 | "elementType": "geometry", 134 | "stylers": [ 135 | { 136 | "color": "#f5005a" 137 | }, 138 | { 139 | "lightness": "-25" 140 | }, 141 | { 142 | "gamma": "1" 143 | } 144 | ] 145 | }, 146 | { 147 | "featureType": "poi", 148 | "elementType": "labels", 149 | "stylers": [ 150 | { 151 | "color": "#1e242b" 152 | }, 153 | { 154 | "lightness": "30" 155 | }, 156 | { 157 | "visibility": "off" 158 | } 159 | ] 160 | }, 161 | { 162 | "featureType": "poi", 163 | "elementType": "labels.text.stroke", 164 | "stylers": [ 165 | { 166 | "visibility": "off" 167 | } 168 | ] 169 | }, 170 | { 171 | "featureType": "road", 172 | "elementType": "geometry", 173 | "stylers": [ 174 | { 175 | "visibility": "simplified" 176 | }, 177 | { 178 | "color": "#f5005a" 179 | }, 180 | { 181 | "lightness": "-40" 182 | }, 183 | { 184 | "saturation": "0" 185 | }, 186 | { 187 | "gamma": "1" 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "road", 193 | "elementType": "labels", 194 | "stylers": [ 195 | { 196 | "visibility": "off" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "transit", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "visibility": "off" 206 | } 207 | ] 208 | }, 209 | { 210 | "featureType": "transit", 211 | "elementType": "geometry", 212 | "stylers": [ 213 | { 214 | "color": "#1e242b" 215 | }, 216 | { 217 | "lightness": "6" 218 | } 219 | ] 220 | }, 221 | { 222 | "featureType": "transit", 223 | "elementType": "labels", 224 | "stylers": [ 225 | { 226 | "color": "#1e242b" 227 | }, 228 | { 229 | "lightness": "30" 230 | } 231 | ] 232 | }, 233 | { 234 | "featureType": "transit", 235 | "elementType": "labels.text.stroke", 236 | "stylers": [ 237 | { 238 | "visibility": "off" 239 | } 240 | ] 241 | }, 242 | { 243 | "featureType": "water", 244 | "elementType": "geometry", 245 | "stylers": [ 246 | { 247 | "color": "#f5005a" 248 | }, 249 | { 250 | "lightness": "40" 251 | }, 252 | { 253 | "gamma": "1" 254 | } 255 | ] 256 | }, 257 | { 258 | "featureType": "water", 259 | "elementType": "labels", 260 | "stylers": [ 261 | { 262 | "visibility": "off" 263 | } 264 | ] 265 | }, 266 | { 267 | "featureType": "water", 268 | "elementType": "labels.text.stroke", 269 | "stylers": [ 270 | { 271 | "visibility": "off" 272 | } 273 | ] 274 | } 275 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored6.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "all", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "color": "#5bc4bf" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "all", 13 | "elementType": "labels.text.fill", 14 | "stylers": [ 15 | { 16 | "saturation": 36 17 | }, 18 | { 19 | "color": "#f6c939" 20 | }, 21 | { 22 | "lightness": 40 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "all", 28 | "elementType": "labels.text.stroke", 29 | "stylers": [ 30 | { 31 | "visibility": "on" 32 | }, 33 | { 34 | "color": "#f6c939" 35 | }, 36 | { 37 | "lightness": 16 38 | }, 39 | { 40 | "weight": "1.00" 41 | }, 42 | { 43 | "gamma": "1.00" 44 | } 45 | ] 46 | }, 47 | { 48 | "featureType": "all", 49 | "elementType": "labels.icon", 50 | "stylers": [ 51 | { 52 | "visibility": "simplified" 53 | }, 54 | { 55 | "hue": "#ff005c" 56 | }, 57 | { 58 | "lightness": "-9" 59 | }, 60 | { 61 | "saturation": "64" 62 | } 63 | ] 64 | }, 65 | { 66 | "featureType": "administrative", 67 | "elementType": "geometry.fill", 68 | "stylers": [ 69 | { 70 | "color": "#541c56" 71 | }, 72 | { 73 | "lightness": 20 74 | } 75 | ] 76 | }, 77 | { 78 | "featureType": "administrative", 79 | "elementType": "geometry.stroke", 80 | "stylers": [ 81 | { 82 | "color": "#541c56" 83 | }, 84 | { 85 | "lightness": 17 86 | }, 87 | { 88 | "weight": 1.2 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "administrative", 94 | "elementType": "labels.text.stroke", 95 | "stylers": [ 96 | { 97 | "weight": "0.80" 98 | } 99 | ] 100 | }, 101 | { 102 | "featureType": "landscape", 103 | "elementType": "geometry", 104 | "stylers": [ 105 | { 106 | "lightness": "4" 107 | }, 108 | { 109 | "saturation": "3" 110 | }, 111 | { 112 | "hue": "#00ffe0" 113 | }, 114 | { 115 | "visibility": "on" 116 | }, 117 | { 118 | "weight": "0.60" 119 | } 120 | ] 121 | }, 122 | { 123 | "featureType": "landscape", 124 | "elementType": "geometry.fill", 125 | "stylers": [ 126 | { 127 | "saturation": "10" 128 | } 129 | ] 130 | }, 131 | { 132 | "featureType": "landscape", 133 | "elementType": "geometry.stroke", 134 | "stylers": [ 135 | { 136 | "lightness": "28" 137 | } 138 | ] 139 | }, 140 | { 141 | "featureType": "landscape", 142 | "elementType": "labels.text.stroke", 143 | "stylers": [ 144 | { 145 | "weight": "0.80" 146 | }, 147 | { 148 | "lightness": "0" 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "poi", 154 | "elementType": "geometry", 155 | "stylers": [ 156 | { 157 | "color": "#5bc4bf" 158 | }, 159 | { 160 | "lightness": "-3" 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "poi", 166 | "elementType": "labels.text.stroke", 167 | "stylers": [ 168 | { 169 | "weight": "0.80" 170 | } 171 | ] 172 | }, 173 | { 174 | "featureType": "poi.attraction", 175 | "elementType": "all", 176 | "stylers": [ 177 | { 178 | "visibility": "on" 179 | } 180 | ] 181 | }, 182 | { 183 | "featureType": "poi.business", 184 | "elementType": "all", 185 | "stylers": [ 186 | { 187 | "visibility": "on" 188 | } 189 | ] 190 | }, 191 | { 192 | "featureType": "poi.government", 193 | "elementType": "all", 194 | "stylers": [ 195 | { 196 | "visibility": "on" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "poi.medical", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "visibility": "on" 206 | } 207 | ] 208 | }, 209 | { 210 | "featureType": "poi.park", 211 | "elementType": "all", 212 | "stylers": [ 213 | { 214 | "visibility": "on" 215 | } 216 | ] 217 | }, 218 | { 219 | "featureType": "poi.place_of_worship", 220 | "elementType": "all", 221 | "stylers": [ 222 | { 223 | "visibility": "on" 224 | } 225 | ] 226 | }, 227 | { 228 | "featureType": "poi.school", 229 | "elementType": "all", 230 | "stylers": [ 231 | { 232 | "visibility": "on" 233 | } 234 | ] 235 | }, 236 | { 237 | "featureType": "poi.sports_complex", 238 | "elementType": "all", 239 | "stylers": [ 240 | { 241 | "visibility": "on" 242 | } 243 | ] 244 | }, 245 | { 246 | "featureType": "road", 247 | "elementType": "labels.text.stroke", 248 | "stylers": [ 249 | { 250 | "weight": "0.80" 251 | } 252 | ] 253 | }, 254 | { 255 | "featureType": "road.highway", 256 | "elementType": "geometry.fill", 257 | "stylers": [ 258 | { 259 | "color": "#541c56" 260 | }, 261 | { 262 | "lightness": 17 263 | } 264 | ] 265 | }, 266 | { 267 | "featureType": "road.highway", 268 | "elementType": "geometry.stroke", 269 | "stylers": [ 270 | { 271 | "color": "#da1d43" 272 | }, 273 | { 274 | "lightness": 29 275 | }, 276 | { 277 | "weight": 0.2 278 | } 279 | ] 280 | }, 281 | { 282 | "featureType": "road.highway", 283 | "elementType": "labels.text.stroke", 284 | "stylers": [ 285 | { 286 | "weight": "0.80" 287 | } 288 | ] 289 | }, 290 | { 291 | "featureType": "road.arterial", 292 | "elementType": "geometry", 293 | "stylers": [ 294 | { 295 | "color": "#541c56" 296 | }, 297 | { 298 | "lightness": 18 299 | } 300 | ] 301 | }, 302 | { 303 | "featureType": "road.arterial", 304 | "elementType": "labels.text.stroke", 305 | "stylers": [ 306 | { 307 | "weight": "0.80" 308 | }, 309 | { 310 | "gamma": "1" 311 | } 312 | ] 313 | }, 314 | { 315 | "featureType": "road.local", 316 | "elementType": "geometry", 317 | "stylers": [ 318 | { 319 | "color": "#541c56" 320 | }, 321 | { 322 | "lightness": 16 323 | } 324 | ] 325 | }, 326 | { 327 | "featureType": "road.local", 328 | "elementType": "labels.text.stroke", 329 | "stylers": [ 330 | { 331 | "weight": "0.80" 332 | } 333 | ] 334 | }, 335 | { 336 | "featureType": "transit", 337 | "elementType": "geometry", 338 | "stylers": [ 339 | { 340 | "color": "#da1d43" 341 | }, 342 | { 343 | "lightness": 19 344 | } 345 | ] 346 | }, 347 | { 348 | "featureType": "transit", 349 | "elementType": "labels.text.stroke", 350 | "stylers": [ 351 | { 352 | "weight": "0.80" 353 | } 354 | ] 355 | }, 356 | { 357 | "featureType": "transit.station", 358 | "elementType": "geometry", 359 | "stylers": [ 360 | { 361 | "color": "#541c56" 362 | } 363 | ] 364 | }, 365 | { 366 | "featureType": "transit.station", 367 | "elementType": "labels.text.stroke", 368 | "stylers": [ 369 | { 370 | "weight": "0.80" 371 | } 372 | ] 373 | }, 374 | { 375 | "featureType": "water", 376 | "elementType": "geometry", 377 | "stylers": [ 378 | { 379 | "color": "#f63981" 380 | }, 381 | { 382 | "lightness": "-22" 383 | } 384 | ] 385 | } 386 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored7.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "water", 4 | "elementType": "geometry", 5 | "stylers": [ 6 | { 7 | "color": "#ffdfa6" 8 | } 9 | ] 10 | }, 11 | { 12 | "featureType": "landscape", 13 | "elementType": "geometry", 14 | "stylers": [ 15 | { 16 | "color": "#b52127" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "poi", 22 | "elementType": "geometry", 23 | "stylers": [ 24 | { 25 | "color": "#c5531b" 26 | } 27 | ] 28 | }, 29 | { 30 | "featureType": "road.highway", 31 | "elementType": "geometry.fill", 32 | "stylers": [ 33 | { 34 | "color": "#74001b" 35 | }, 36 | { 37 | "lightness": -10 38 | } 39 | ] 40 | }, 41 | { 42 | "featureType": "road.highway", 43 | "elementType": "geometry.stroke", 44 | "stylers": [ 45 | { 46 | "color": "#da3c3c" 47 | } 48 | ] 49 | }, 50 | { 51 | "featureType": "road.arterial", 52 | "elementType": "geometry.fill", 53 | "stylers": [ 54 | { 55 | "color": "#74001b" 56 | } 57 | ] 58 | }, 59 | { 60 | "featureType": "road.arterial", 61 | "elementType": "geometry.stroke", 62 | "stylers": [ 63 | { 64 | "color": "#da3c3c" 65 | } 66 | ] 67 | }, 68 | { 69 | "featureType": "road.local", 70 | "elementType": "geometry.fill", 71 | "stylers": [ 72 | { 73 | "color": "#990c19" 74 | } 75 | ] 76 | }, 77 | { 78 | "elementType": "labels.text.fill", 79 | "stylers": [ 80 | { 81 | "color": "#ffffff" 82 | } 83 | ] 84 | }, 85 | { 86 | "elementType": "labels.text.stroke", 87 | "stylers": [ 88 | { 89 | "color": "#74001b" 90 | }, 91 | { 92 | "lightness": -8 93 | } 94 | ] 95 | }, 96 | { 97 | "featureType": "transit", 98 | "elementType": "geometry", 99 | "stylers": [ 100 | { 101 | "color": "#6a0d10" 102 | }, 103 | { 104 | "visibility": "on" 105 | } 106 | ] 107 | }, 108 | { 109 | "featureType": "administrative", 110 | "elementType": "geometry", 111 | "stylers": [ 112 | { 113 | "color": "#ffdfa6" 114 | }, 115 | { 116 | "weight": 0.4 117 | } 118 | ] 119 | }, 120 | { 121 | "featureType": "road.local", 122 | "elementType": "geometry.stroke", 123 | "stylers": [ 124 | { 125 | "visibility": "off" 126 | } 127 | ] 128 | } 129 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored8.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "landscape.natural", 4 | "elementType": "geometry.fill", 5 | "stylers": [ 6 | { 7 | "visibility": "on" 8 | }, 9 | { 10 | "color": "336d75" 11 | } 12 | ] 13 | }, 14 | { 15 | "featureType": "poi", 16 | "elementType": "geometry.fill", 17 | "stylers": [ 18 | { 19 | "visibility": "on" 20 | }, 21 | { 22 | "hue": "#1900ff" 23 | }, 24 | { 25 | "color": "#d064a4" 26 | } 27 | ] 28 | }, 29 | { 30 | "featureType": "landscape.man_made", 31 | "elementType": "geometry.fill" 32 | }, 33 | { 34 | "featureType": "road", 35 | "elementType": "geometry", 36 | "stylers": [ 37 | { 38 | "lightness": 100 39 | }, 40 | { 41 | "visibility": "simplified" 42 | } 43 | ] 44 | }, 45 | { 46 | "featureType": "road", 47 | "elementType": "labels", 48 | "stylers": [ 49 | { 50 | "visibility": "off" 51 | } 52 | ] 53 | }, 54 | { 55 | "featureType": "water", 56 | "stylers": [ 57 | { 58 | "color": "#6bb1e1" 59 | } 60 | ] 61 | }, 62 | { 63 | "featureType": "transit.line", 64 | "elementType": "geometry", 65 | "stylers": [ 66 | { 67 | "visibility": "on" 68 | }, 69 | { 70 | "lightness": 700 71 | } 72 | ] 73 | } 74 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_colored9.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "featureType": "water", 4 | "elementType": "all", 5 | "stylers": [ 6 | { 7 | "hue": "#15a4aa" 8 | }, 9 | { 10 | "saturation": 60 11 | }, 12 | { 13 | "lightness": -51 14 | }, 15 | { 16 | "visibility": "on" 17 | } 18 | ] 19 | }, 20 | { 21 | "featureType": "administrative", 22 | "elementType": "all", 23 | "stylers": [ 24 | { 25 | "hue": "#1a363e" 26 | }, 27 | { 28 | "saturation": 41 29 | }, 30 | { 31 | "lightness": -66 32 | }, 33 | { 34 | "visibility": "on" 35 | } 36 | ] 37 | }, 38 | { 39 | "featureType": "landscape", 40 | "elementType": "all", 41 | "stylers": [ 42 | { 43 | "hue": "#1a363e" 44 | }, 45 | { 46 | "saturation": 19 47 | }, 48 | { 49 | "lightness": -81 50 | }, 51 | { 52 | "visibility": "on" 53 | } 54 | ] 55 | }, 56 | { 57 | "featureType": "road", 58 | "elementType": "geometry", 59 | "stylers": [ 60 | { 61 | "hue": "#ffffff" 62 | }, 63 | { 64 | "saturation": -100 65 | }, 66 | { 67 | "lightness": 100 68 | }, 69 | { 70 | "visibility": "on" 71 | } 72 | ] 73 | }, 74 | { 75 | "featureType": "poi.business", 76 | "elementType": "all", 77 | "stylers": [ 78 | { 79 | "hue": "#f48141" 80 | }, 81 | { 82 | "saturation": 87 83 | }, 84 | { 85 | "lightness": -29 86 | }, 87 | { 88 | "visibility": "simplified" 89 | } 90 | ] 91 | }, 92 | { 93 | "featureType": "poi.park", 94 | "elementType": "all", 95 | "stylers": [ 96 | { 97 | "hue": "#f48141" 98 | }, 99 | { 100 | "saturation": 81 101 | }, 102 | { 103 | "lightness": -22 104 | }, 105 | { 106 | "visibility": "on" 107 | } 108 | ] 109 | }, 110 | { 111 | "featureType": "poi.school", 112 | "elementType": "all", 113 | "stylers": [ 114 | { 115 | "hue": "#f48141" 116 | }, 117 | { 118 | "saturation": 79 119 | }, 120 | { 121 | "lightness": -27 122 | }, 123 | { 124 | "visibility": "simplified" 125 | } 126 | ] 127 | }, 128 | { 129 | "featureType": "administrative.neighborhood", 130 | "elementType": "all", 131 | "stylers": [ 132 | { 133 | "hue": "#ffffff" 134 | }, 135 | { 136 | "saturation": 0 137 | }, 138 | { 139 | "lightness": 100 140 | }, 141 | { 142 | "visibility": "off" 143 | } 144 | ] 145 | }, 146 | { 147 | "featureType": "administrative.locality", 148 | "elementType": "all", 149 | "stylers": [ 150 | { 151 | "hue": "#ffffff" 152 | }, 153 | { 154 | "saturation": 0 155 | }, 156 | { 157 | "lightness": 100 158 | }, 159 | { 160 | "visibility": "off" 161 | } 162 | ] 163 | }, 164 | { 165 | "featureType": "administrative.country", 166 | "elementType": "all", 167 | "stylers": [ 168 | { 169 | "hue": "#ffffff" 170 | }, 171 | { 172 | "saturation": 0 173 | }, 174 | { 175 | "lightness": 100 176 | }, 177 | { 178 | "visibility": "off" 179 | } 180 | ] 181 | }, 182 | { 183 | "featureType": "administrative", 184 | "elementType": "all", 185 | "stylers": [ 186 | { 187 | "hue": "#15a4aa" 188 | }, 189 | { 190 | "saturation": 78 191 | }, 192 | { 193 | "lightness": -27 194 | }, 195 | { 196 | "visibility": "on" 197 | } 198 | ] 199 | }, 200 | { 201 | "featureType": "transit", 202 | "elementType": "all", 203 | "stylers": [ 204 | { 205 | "hue": "#ffffff" 206 | }, 207 | { 208 | "saturation": 0 209 | }, 210 | { 211 | "lightness": 100 212 | }, 213 | { 214 | "visibility": "off" 215 | } 216 | ] 217 | } 218 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_dark.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "elementType": "geometry", 4 | "stylers": [ 5 | { 6 | "color": "#212121" 7 | } 8 | ] 9 | }, 10 | { 11 | "elementType": "labels.icon", 12 | "stylers": [ 13 | { 14 | "visibility": "off" 15 | } 16 | ] 17 | }, 18 | { 19 | "elementType": "labels.text.fill", 20 | "stylers": [ 21 | { 22 | "color": "#757575" 23 | } 24 | ] 25 | }, 26 | { 27 | "elementType": "labels.text.stroke", 28 | "stylers": [ 29 | { 30 | "color": "#212121" 31 | } 32 | ] 33 | }, 34 | { 35 | "featureType": "administrative", 36 | "elementType": "geometry", 37 | "stylers": [ 38 | { 39 | "color": "#757575" 40 | } 41 | ] 42 | }, 43 | { 44 | "featureType": "administrative.country", 45 | "elementType": "labels.text.fill", 46 | "stylers": [ 47 | { 48 | "color": "#9e9e9e" 49 | } 50 | ] 51 | }, 52 | { 53 | "featureType": "administrative.land_parcel", 54 | "stylers": [ 55 | { 56 | "visibility": "off" 57 | } 58 | ] 59 | }, 60 | { 61 | "featureType": "administrative.locality", 62 | "elementType": "labels.text.fill", 63 | "stylers": [ 64 | { 65 | "color": "#bdbdbd" 66 | } 67 | ] 68 | }, 69 | { 70 | "featureType": "poi", 71 | "elementType": "labels.text.fill", 72 | "stylers": [ 73 | { 74 | "color": "#757575" 75 | } 76 | ] 77 | }, 78 | { 79 | "featureType": "poi.park", 80 | "elementType": "geometry", 81 | "stylers": [ 82 | { 83 | "color": "#181818" 84 | } 85 | ] 86 | }, 87 | { 88 | "featureType": "poi.park", 89 | "elementType": "labels.text.fill", 90 | "stylers": [ 91 | { 92 | "color": "#616161" 93 | } 94 | ] 95 | }, 96 | { 97 | "featureType": "poi.park", 98 | "elementType": "labels.text.stroke", 99 | "stylers": [ 100 | { 101 | "color": "#1b1b1b" 102 | } 103 | ] 104 | }, 105 | { 106 | "featureType": "road", 107 | "elementType": "geometry.fill", 108 | "stylers": [ 109 | { 110 | "color": "#2c2c2c" 111 | } 112 | ] 113 | }, 114 | { 115 | "featureType": "road", 116 | "elementType": "labels.text.fill", 117 | "stylers": [ 118 | { 119 | "color": "#8a8a8a" 120 | } 121 | ] 122 | }, 123 | { 124 | "featureType": "road.arterial", 125 | "elementType": "geometry", 126 | "stylers": [ 127 | { 128 | "color": "#373737" 129 | } 130 | ] 131 | }, 132 | { 133 | "featureType": "road.highway", 134 | "elementType": "geometry", 135 | "stylers": [ 136 | { 137 | "color": "#3c3c3c" 138 | } 139 | ] 140 | }, 141 | { 142 | "featureType": "road.highway.controlled_access", 143 | "elementType": "geometry", 144 | "stylers": [ 145 | { 146 | "color": "#4e4e4e" 147 | } 148 | ] 149 | }, 150 | { 151 | "featureType": "road.local", 152 | "elementType": "labels.text.fill", 153 | "stylers": [ 154 | { 155 | "color": "#616161" 156 | } 157 | ] 158 | }, 159 | { 160 | "featureType": "transit", 161 | "elementType": "labels.text.fill", 162 | "stylers": [ 163 | { 164 | "color": "#757575" 165 | } 166 | ] 167 | }, 168 | { 169 | "featureType": "water", 170 | "elementType": "geometry", 171 | "stylers": [ 172 | { 173 | "color": "#000000" 174 | } 175 | ] 176 | }, 177 | { 178 | "featureType": "water", 179 | "elementType": "labels.text.fill", 180 | "stylers": [ 181 | { 182 | "color": "#3d3d3d" 183 | } 184 | ] 185 | } 186 | ] 187 | -------------------------------------------------------------------------------- /src/json/map-style/map-style_night.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "elementType": "geometry", 4 | "stylers": [ 5 | { 6 | "color": "#242f3e" 7 | } 8 | ] 9 | }, 10 | { 11 | "elementType": "labels.text.fill", 12 | "stylers": [ 13 | { 14 | "color": "#746855" 15 | } 16 | ] 17 | }, 18 | { 19 | "elementType": "labels.text.stroke", 20 | "stylers": [ 21 | { 22 | "color": "#242f3e" 23 | } 24 | ] 25 | }, 26 | { 27 | "featureType": "administrative.locality", 28 | "elementType": "labels.text.fill", 29 | "stylers": [ 30 | { 31 | "color": "#d59563" 32 | } 33 | ] 34 | }, 35 | { 36 | "featureType": "poi", 37 | "elementType": "labels.text.fill", 38 | "stylers": [ 39 | { 40 | "color": "#d59563" 41 | } 42 | ] 43 | }, 44 | { 45 | "featureType": "poi.park", 46 | "elementType": "geometry", 47 | "stylers": [ 48 | { 49 | "color": "#263c3f" 50 | } 51 | ] 52 | }, 53 | { 54 | "featureType": "poi.park", 55 | "elementType": "labels.text.fill", 56 | "stylers": [ 57 | { 58 | "color": "#6b9a76" 59 | } 60 | ] 61 | }, 62 | { 63 | "featureType": "road", 64 | "elementType": "geometry", 65 | "stylers": [ 66 | { 67 | "color": "#38414e" 68 | } 69 | ] 70 | }, 71 | { 72 | "featureType": "road", 73 | "elementType": "geometry.stroke", 74 | "stylers": [ 75 | { 76 | "color": "#212a37" 77 | } 78 | ] 79 | }, 80 | { 81 | "featureType": "road", 82 | "elementType": "labels.text.fill", 83 | "stylers": [ 84 | { 85 | "color": "#9ca5b3" 86 | } 87 | ] 88 | }, 89 | { 90 | "featureType": "road.highway", 91 | "elementType": "geometry", 92 | "stylers": [ 93 | { 94 | "color": "#746855" 95 | } 96 | ] 97 | }, 98 | { 99 | "featureType": "road.highway", 100 | "elementType": "geometry.stroke", 101 | "stylers": [ 102 | { 103 | "color": "#1f2835" 104 | } 105 | ] 106 | }, 107 | { 108 | "featureType": "road.highway", 109 | "elementType": "labels.text.fill", 110 | "stylers": [ 111 | { 112 | "color": "#f3d19c" 113 | } 114 | ] 115 | }, 116 | { 117 | "featureType": "transit", 118 | "elementType": "geometry", 119 | "stylers": [ 120 | { 121 | "color": "#2f3948" 122 | } 123 | ] 124 | }, 125 | { 126 | "featureType": "transit.station", 127 | "elementType": "labels.text.fill", 128 | "stylers": [ 129 | { 130 | "color": "#d59563" 131 | } 132 | ] 133 | }, 134 | { 135 | "featureType": "water", 136 | "elementType": "geometry", 137 | "stylers": [ 138 | { 139 | "color": "#17263c" 140 | } 141 | ] 142 | }, 143 | { 144 | "featureType": "water", 145 | "elementType": "labels.text.fill", 146 | "stylers": [ 147 | { 148 | "color": "#515c6d" 149 | } 150 | ] 151 | }, 152 | { 153 | "featureType": "water", 154 | "elementType": "labels.text.stroke", 155 | "stylers": [ 156 | { 157 | "color": "#17263c" 158 | } 159 | ] 160 | } 161 | ] -------------------------------------------------------------------------------- /src/json/map-style/map-style_silver.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "elementType": "geometry", 4 | "stylers": [ 5 | { 6 | "color": "#f5f5f5" 7 | } 8 | ] 9 | }, 10 | { 11 | "elementType": "labels.icon", 12 | "stylers": [ 13 | { 14 | "visibility": "off" 15 | } 16 | ] 17 | }, 18 | { 19 | "elementType": "labels.text.fill", 20 | "stylers": [ 21 | { 22 | "color": "#616161" 23 | } 24 | ] 25 | }, 26 | { 27 | "elementType": "labels.text.stroke", 28 | "stylers": [ 29 | { 30 | "color": "#f5f5f5" 31 | } 32 | ] 33 | }, 34 | { 35 | "featureType": "administrative.land_parcel", 36 | "elementType": "labels.text.fill", 37 | "stylers": [ 38 | { 39 | "color": "#bdbdbd" 40 | } 41 | ] 42 | }, 43 | { 44 | "featureType": "poi", 45 | "elementType": "geometry", 46 | "stylers": [ 47 | { 48 | "color": "#eeeeee" 49 | } 50 | ] 51 | }, 52 | { 53 | "featureType": "poi", 54 | "elementType": "labels.text.fill", 55 | "stylers": [ 56 | { 57 | "color": "#757575" 58 | } 59 | ] 60 | }, 61 | { 62 | "featureType": "poi.park", 63 | "elementType": "geometry", 64 | "stylers": [ 65 | { 66 | "color": "#e5e5e5" 67 | } 68 | ] 69 | }, 70 | { 71 | "featureType": "poi.park", 72 | "elementType": "labels.text.fill", 73 | "stylers": [ 74 | { 75 | "color": "#9e9e9e" 76 | } 77 | ] 78 | }, 79 | { 80 | "featureType": "road", 81 | "elementType": "geometry", 82 | "stylers": [ 83 | { 84 | "color": "#ffffff" 85 | } 86 | ] 87 | }, 88 | { 89 | "featureType": "road.arterial", 90 | "elementType": "labels.text.fill", 91 | "stylers": [ 92 | { 93 | "color": "#757575" 94 | } 95 | ] 96 | }, 97 | { 98 | "featureType": "road.highway", 99 | "elementType": "geometry", 100 | "stylers": [ 101 | { 102 | "color": "#dadada" 103 | } 104 | ] 105 | }, 106 | { 107 | "featureType": "road.highway", 108 | "elementType": "labels.text.fill", 109 | "stylers": [ 110 | { 111 | "color": "#616161" 112 | } 113 | ] 114 | }, 115 | { 116 | "featureType": "road.local", 117 | "elementType": "labels.text.fill", 118 | "stylers": [ 119 | { 120 | "color": "#9e9e9e" 121 | } 122 | ] 123 | }, 124 | { 125 | "featureType": "transit.line", 126 | "elementType": "geometry", 127 | "stylers": [ 128 | { 129 | "color": "#e5e5e5" 130 | } 131 | ] 132 | }, 133 | { 134 | "featureType": "transit.station", 135 | "elementType": "geometry", 136 | "stylers": [ 137 | { 138 | "color": "#eeeeee" 139 | } 140 | ] 141 | }, 142 | { 143 | "featureType": "water", 144 | "elementType": "geometry", 145 | "stylers": [ 146 | { 147 | "color": "#c9c9c9" 148 | } 149 | ] 150 | }, 151 | { 152 | "featureType": "water", 153 | "elementType": "labels.text.fill", 154 | "stylers": [ 155 | { 156 | "color": "#9e9e9e" 157 | } 158 | ] 159 | } 160 | ] --------------------------------------------------------------------------------