Last active
August 5, 2019 11:35
-
-
Save zdimaz/db2b81bbf68eef70d0295eaac78c310c to your computer and use it in GitHub Desktop.
Google Map Simple
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="gmap" id="gmap" data-gmap-type="mapBox" | |
| data-coords='[{"lat": 55.775723, "lon": 49.196191, "title":""}]'></div> | |
| if($('.gmap').length){ | |
| self.googleMaps(); | |
| } | |
| /** | |
| ** Google Map | |
| **/ | |
| googleMaps: function(){ | |
| var mapsCollection = [], | |
| mapSettings = { | |
| map_options: { | |
| zoom: 16 | |
| }, | |
| generate_controls: false, | |
| controls_on_map: false, | |
| view_all: false | |
| }, | |
| mapStyles = { | |
| 'mapBox' : { | |
| map_options: { | |
| zoom: 16, | |
| scrollwheel: false, | |
| mapTypeId: google.maps.MapTypeId.ROADMAP | |
| }, | |
| // styles:{ | |
| // 'mapBox': | |
| // [{"featureType": "landscape", "stylers": [{"hue": "#FFA800"}, | |
| {"saturation": 0 }, {"lightness": 0 }, {"gamma": 1 } ] }, | |
| {"featureType": "road.highway", "stylers": [{"hue": "#53FF00"}, | |
| {"saturation": -73 }, {"lightness": 40 }, {"gamma": 1 } ] }, | |
| {"featureType": "road.arterial", "stylers": [{"hue": "#FBFF00"}, {"saturation": 0 }, {"lightness": 0 }, {"gamma": 1 } ] }, | |
| {"featureType": "road.local", "stylers": [{"hue": "#00FFFD"}, | |
| {"saturation": 0 }, {"lightness": 30 }, {"gamma": 1 } ] }, | |
| {"featureType": "water", "stylers": [{"hue": "#00BFFF"}, | |
| {"saturation": 6 }, {"lightness": 8 }, {"gamma": 1 } ] }, | |
| {"featureType": "poi", "stylers": [{"hue": "#679714"}, | |
| {"saturation": 33.4 }, {"lightness": -25.4 }, {"gamma": 1 } ] } ] | |
| //} | |
| } | |
| }; | |
| $('.gmap').each(function(i, el){ | |
| var dataCoords = $(el).data('coords'); | |
| dataCoords[0].icon = './images/icons/marker.png'; | |
| mapSettings.locations = dataCoords; | |
| // console.log(mapSettings.locations); | |
| var map = $.extend(mapSettings, mapStyles[$(el).data('gmap-type')]); | |
| map.map_div = '#' + $(el).attr('id'); | |
| mapsCollection.push(new Maplace(map).Load()); | |
| }); | |
| if(!mapsCollection.length) return; | |
| $(window).on('resize.map', function(){ | |
| setTimeout(function(){ | |
| mapsCollection.forEach(function(elem, index, arr){ | |
| elem.Load(); | |
| }); | |
| }, 100); | |
| }); | |
| }, | |
| <!-- Key! --> | |
| <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=?"></script> | |
| <!-- Pluins --> | |
| <script src="plugins/maplace-0.1.3.min.js"></script> | |
| maplace.js version 3 | |
| <div id="gmap" class="gmap map_black" | |
| data-coords='[ | |
| {"lat": 55.775723, "lon": 49.196191, | |
| "title": "bla-bla", | |
| "icon": "./images/marker.png", | |
| "html": "<div>Content A1</div>"}, | |
| {"lat": 45.775723, "lon": 47.196191} | |
| ]' | |
| data-zoom="4" | |
| data-styles="darkgold"> | |
| </div> | |
| key ! | |
| <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=?"></script> | |
| Plugins ! | |
| <script src="plugins/maplace.min.js"></script> | |
| <script> | |
| $(document).ready( function () { | |
| var mapStyles = { | |
| default: null, | |
| silver: [ | |
| { | |
| elementType: 'geometry', | |
| stylers: [{color: '#f5f5f5'}] | |
| }, | |
| { | |
| elementType: 'labels.icon', | |
| stylers: [{visibility: 'off'}] | |
| }, | |
| { | |
| elementType: 'labels.text.fill', | |
| stylers: [{color: '#616161'}] | |
| }, | |
| { | |
| elementType: 'labels.text.stroke', | |
| stylers: [{color: '#f5f5f5'}] | |
| }, | |
| { | |
| featureType: 'administrative.land_parcel', | |
| elementType: 'labels.text.fill', | |
| stylers: [{color: '#bdbdbd'}] | |
| }, | |
| { | |
| featureType: 'poi', | |
| elementType: 'geometry', | |
| stylers: [{color: '#eeeeee'}] | |
| }, | |
| { | |
| featureType: 'poi', | |
| elementType: 'labels.text.fill', | |
| stylers: [{color: '#757575'}] | |
| }, | |
| { | |
| featureType: 'poi.park', | |
| elementType: 'geometry', | |
| stylers: [{color: '#e5e5e5'}] | |
| }, | |
| { | |
| featureType: 'poi.park', | |
| elementType: 'labels.text.fill', | |
| stylers: [{color: '#9e9e9e'}] | |
| }, | |
| { | |
| featureType: 'road', | |
| elementType: 'geometry', | |
| stylers: [{color: '#ffffff'}] | |
| }, | |
| { | |
| featureType: 'road.arterial', | |
| elementType: 'labels.text.fill', | |
| stylers: [{color: '#757575'}] | |
| }, | |
| { | |
| featureType: 'road.highway', | |
| elementType: 'geometry', | |
| stylers: [{color: '#dadada'}] | |
| }, | |
| { | |
| featureType: 'road.highway', | |
| elementType: 'labels.text.fill', | |
| stylers: [{color: '#616161'}] | |
| }, | |
| { | |
| featureType: 'road.local', | |
| elementType: 'labels.text.fill', | |
| stylers: [{color: '#9e9e9e'}] | |
| }, | |
| { | |
| featureType: 'transit.line', | |
| elementType: 'geometry', | |
| stylers: [{color: '#e5e5e5'}] | |
| }, | |
| { | |
| featureType: 'transit.station', | |
| elementType: 'geometry', | |
| stylers: [{color: '#eeeeee'}] | |
| }, | |
| { | |
| featureType: 'water', | |
| elementType: 'geometry', | |
| stylers: [{color: '#c9c9c9'}] | |
| }, | |
| { | |
| featureType: 'water', | |
| elementType: 'labels.text.fill', | |
| stylers: [{color: '#9e9e9e'}] | |
| } | |
| ], | |
| black: [ | |
| { | |
| "featureType": "all", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "saturation": 36 | |
| }, | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 40 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "all", | |
| "elementType": "labels.text.stroke", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 16 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "all", | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 20 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative", | |
| "elementType": "geometry.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 17 | |
| }, | |
| { | |
| "weight": 1.2 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 20 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 21 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 17 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 29 | |
| }, | |
| { | |
| "weight": 0.2 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 18 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.local", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 16 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 19 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 17 | |
| } | |
| ] | |
| } | |
| ], | |
| light: [ | |
| { | |
| "featureType": "water", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#e9e9e9" | |
| }, | |
| { | |
| "lightness": 17 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#f5f5f5" | |
| }, | |
| { | |
| "lightness": 20 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#ffffff" | |
| }, | |
| { | |
| "lightness": 17 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#ffffff" | |
| }, | |
| { | |
| "lightness": 29 | |
| }, | |
| { | |
| "weight": 0.2 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#ffffff" | |
| }, | |
| { | |
| "lightness": 18 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.local", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#ffffff" | |
| }, | |
| { | |
| "lightness": 16 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#f5f5f5" | |
| }, | |
| { | |
| "lightness": 21 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi.park", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#dedede" | |
| }, | |
| { | |
| "lightness": 21 | |
| } | |
| ] | |
| }, | |
| { | |
| "elementType": "labels.text.stroke", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#ffffff" | |
| }, | |
| { | |
| "lightness": 16 | |
| } | |
| ] | |
| }, | |
| { | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "saturation": 36 | |
| }, | |
| { | |
| "color": "#333333" | |
| }, | |
| { | |
| "lightness": 40 | |
| } | |
| ] | |
| }, | |
| { | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#f2f2f2" | |
| }, | |
| { | |
| "lightness": 19 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#fefefe" | |
| }, | |
| { | |
| "lightness": 20 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative", | |
| "elementType": "geometry.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#fefefe" | |
| }, | |
| { | |
| "lightness": 17 | |
| }, | |
| { | |
| "weight": 1.2 | |
| } | |
| ] | |
| } | |
| ], | |
| esque: [ | |
| { | |
| "featureType": "landscape.man_made", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#f7f1df" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape.natural", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#d0e3b4" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape.natural.terrain", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi", | |
| "elementType": "labels", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi.business", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi.medical", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#fbd3da" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi.park", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#bde6ab" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road", | |
| "elementType": "geometry.stroke", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road", | |
| "elementType": "labels", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#ffe15f" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#efd151" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#ffffff" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.local", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "black" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit.station.airport", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#cfb2db" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#a2daf2" | |
| } | |
| ] | |
| } | |
| ], | |
| flat: [ | |
| { | |
| "featureType": "all", | |
| "elementType": "labels", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "simplified" | |
| }, | |
| { | |
| "color": "#5b6571" | |
| }, | |
| { | |
| "lightness": "35" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative.neighborhood", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#f3f4f4" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape.man_made", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "weight": 0.9 | |
| }, | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi.park", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#83cead" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#ffffff" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road", | |
| "elementType": "labels", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#fee379" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "labels", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway.controlled_access", | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "simplified" | |
| }, | |
| { | |
| "color": "#ffffff" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "labels", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#7fc8ed" | |
| } | |
| ] | |
| } | |
| ], | |
| darkgold: [ | |
| { | |
| "featureType": "all", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "saturation": 36 | |
| }, | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 40 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "all", | |
| "elementType": "labels.text.stroke", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 16 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "all", | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "lightness": 20 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative", | |
| "elementType": "geometry.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 17 | |
| }, | |
| { | |
| "weight": 1.2 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative.province", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "color": "#e3b141" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative.locality", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "color": "#e0a64b" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative.locality", | |
| "elementType": "labels.text.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#0e0d0a" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative.neighborhood", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "color": "#d1b995" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 20 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 21 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road", | |
| "elementType": "labels.text.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#12120f" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "lightness": "-77" | |
| }, | |
| { | |
| "gamma": "4.48" | |
| }, | |
| { | |
| "saturation": "24" | |
| }, | |
| { | |
| "weight": "0.65" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.stroke", | |
| "stylers": [ | |
| { | |
| "lightness": 29 | |
| }, | |
| { | |
| "weight": 0.2 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway.controlled_access", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#f6b044" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#4f4e49" | |
| }, | |
| { | |
| "weight": "0.36" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "color": "#c4ac87" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "labels.text.stroke", | |
| "stylers": [ | |
| { | |
| "color": "#262307" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.local", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#a4875a" | |
| }, | |
| { | |
| "lightness": 16 | |
| }, | |
| { | |
| "weight": "0.16" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.local", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "color": "#deb483" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#000000" | |
| }, | |
| { | |
| "lightness": 19 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "color": "#0f252e" | |
| }, | |
| { | |
| "lightness": 17 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#080808" | |
| }, | |
| { | |
| "gamma": "3.14" | |
| }, | |
| { | |
| "weight": "1.07" | |
| } | |
| ] | |
| } | |
| ], | |
| greyyellow: [ | |
| { | |
| "featureType": "administrative", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "color": "#444444" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "color": "#f2f2f2" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "saturation": -100 | |
| }, | |
| { | |
| "lightness": 45 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "simplified" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "color": "#ffcc00" | |
| }, | |
| { | |
| "visibility": "on" | |
| } | |
| ] | |
| } | |
| ], | |
| neighborhoods: [ | |
| { | |
| "featureType": "administrative", | |
| "elementType": "labels.text.fill", | |
| "stylers": [ | |
| { | |
| "color": "#444444" | |
| }, | |
| { | |
| "visibility": "on" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "administrative.neighborhood", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "color": "#f1f0f0" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape.man_made", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "landscape.natural.landcover", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#03b7b0" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi.school", | |
| "elementType": "geometry", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| }, | |
| { | |
| "color": "#cccccc" | |
| }, | |
| { | |
| "lightness": "0" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi.school", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#fcce61" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "poi.school", | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "saturation": -100 | |
| }, | |
| { | |
| "lightness": 45 | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "simplified" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.highway", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#f1f0f0" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#cccccc" | |
| }, | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "road.arterial", | |
| "elementType": "labels.icon", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "visibility": "off" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit.line", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#fcce61" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit.line", | |
| "elementType": "labels", | |
| "stylers": [ | |
| { | |
| "visibility": "on" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "transit.station.bus", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "hue": "#ffb300" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "all", | |
| "stylers": [ | |
| { | |
| "color": "#46bcec" | |
| }, | |
| { | |
| "visibility": "on" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "geometry.fill", | |
| "stylers": [ | |
| { | |
| "color": "#2ab6de" | |
| }, | |
| { | |
| "lightness": "0" | |
| }, | |
| { | |
| "gamma": "1.00" | |
| } | |
| ] | |
| }, | |
| { | |
| "featureType": "water", | |
| "elementType": "labels.text", | |
| "stylers": [ | |
| { | |
| "visibility": "simplified" | |
| }, | |
| { | |
| "color": "#ffffff" | |
| } | |
| ] | |
| } | |
| ], | |
| }; | |
| var map = new Maplace({ | |
| map_div: "#gmap", | |
| show_markers: true, | |
| controls_on_map: false, | |
| locations: $('#gmap').data("coords"), | |
| map_options: { | |
| zoom: $('#gmap').data("zoom"), | |
| // styles: $('#gmap').data("styles"), | |
| styles: mapStyles[$('#gmap').data("styles")], | |
| }, | |
| }).Load(); | |
| }); | |
| </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment