Change google maps styling

it is in framework folder – php – class-gmaps.php line: 378 inside public function handler_wp_footer()

the json method is used by google maps api long time ( in the meantime there is a cloud console for that) . https://mapstyle.withgoogle.com/ – they use a very similar json code like your “snazzy” one for styling.

is it possible to adapt that for the native google json?

Edit: it works with the google json aswell. In this case i do not name it snazzy.

But you had to edit a bit that output code of google json !

Changes in avia_google_maps_api.js are the same – and because it is set by a ternary operator there is nothing to stop it being included for the next release – right?

f.e.:

add_filter( 'avf_gmap_vars', function($maps) {
$googleStyles = 

// here is the place to insert the edited google styling json
// all curly brackets had to be changed to square brackets - and the ":"     had to be replaced by: "=>"

[
  [
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#ebe3cd"
      ]
    ]
  ],
  [
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#523735"
      ]
    ]
  ],
  [
    "elementType"=> "labels.text.stroke",
    "stylers"=> [
      [
        "color"=> "#f5f1e6"
      ]
    ]
  ],
  [
    "featureType"=> "administrative",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#c9b2a6"
      ]
    ]
  ],
  [
    "featureType"=> "administrative.land_parcel",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#dcd2be"
      ]
    ]
  ],
  [
    "featureType"=> "administrative.land_parcel",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#ae9e90"
      ]
    ]
  ],
  [
    "featureType"=> "landscape.natural",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "poi",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "poi",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#93817c"
      ]
    ]
  ],
  [
    "featureType"=> "poi.park",
    "elementType"=> "geometry.fill",
    "stylers"=> [
      [
        "color"=> "#a5b076"
      ]
    ]
  ],
  [
    "featureType"=> "poi.park",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#447530"
      ]
    ]
  ],
  [
    "featureType"=> "road",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#f5f1e6"
      ]
    ]
  ],
  [
    "featureType"=> "road.arterial",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#fdfcf8"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#f8c967"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#e9bc62"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway.controlled_access",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#e98d58"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway.controlled_access",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#db8555"
      ]
    ]
  ],
  [
    "featureType"=> "road.local",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#806b63"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#8f7d77"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "labels.text.stroke",
    "stylers"=> [
      [
        "color"=> "#ebe3cd"
      ]
    ]
  ],
  [
    "featureType"=> "transit.station",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "water",
    "elementType"=> "geometry.fill",
    "stylers"=> [
      [
        "color"=> "#3300ff"
      ],
      [
        "lightness"=> 40
      ]
    ]
  ],
  [
    "featureType"=> "water",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#ffffff"
      ]
    ]
  ]
]
// end of insertion

;
    $maps['av_google_map']['av_gmap_0']['styles'] = json_encode($googleStyles);
    return $maps;
});

• This reply was modified 7 months, 1 week ago by Guenni007.
• This reply was modified 7 months, 1 week ago by Guenni007.

complete Code to set into child-theme functions.php:
( the changings in avia_google_maps_api.js stayes the same)

add_filter( 'avf_gmap_vars', function($maps) {
$googleStyles = 
	[
		[
			"featureType"=> "all",
			"elementType"=> "geometry",
			"stylers"=> [
				[
					"hue"=> "#006cff"
				]
			]
		],
		[
			"featureType"=> "all",
			"elementType"=> "geometry.fill",
			"stylers"=> [
				[
					"hue"=> "#006cff"
				]
			]
		],
		[
			"featureType"=> "all",
			"elementType"=> "labels.text",
			"stylers"=> [
				[
					"hue"=> "#006cff"
				]
			]
		],
		[
			"featureType"=> "all",
			"elementType"=> "labels.icon",
			"stylers"=> [
				[
					"hue"=> "#006cff"
				]
			]
		],
		[
			"featureType"=> "landscape.man_made",
			"elementType"=> "geometry",
			"stylers"=> [
				[
					"hue"=> "#006cff"
				],
				[
					"saturation"=> "100"
				]
			]
		],
		[
			"featureType"=> "poi",
			"elementType"=> "all",
			"stylers"=> [
				[
					"visibility"=> "off"
				]
			]
		],
		[
			"featureType"=> "road",
			"elementType"=> "geometry",
			"stylers"=> [
				[
					"lightness"=> 50
				],
				[
					"visibility"=> "simplified"
				]
			]
		],
		[
			"featureType"=> "road",
			"elementType"=> "labels",
			"stylers"=> [
				[
					"visibility"=> "simplified"
				]
			]
		],
		[
			"featureType"=> "transit",
			"elementType"=> "labels.text",
			"stylers"=> [
				[
					"visibility"=> "off"
				]
			]
		]
	]
;
    $maps['av_google_map']['av_gmap_0']['styles'] = json_encode($googleStyles);
    return $maps;
});

doch ich las es;
nur wollte ich im Gegenzug wissen wo dein snazzy json her kommt, denn wenn du dem Link zu snazzy folgst, und dort mal ein Styling durchspielst, dann erhält man am schluss auch wie bei Google einen json code, der geschweifte Klammern und Doppelpunkte enthält.
Daher wollte ich wissen woher dein Snazzy Code kommt.

Außerdem war mein Kommentar oben ja:

Changes in avia_google_maps_api.js are the same – and because it is set by a ternary operator there is nothing to stop it being included for the next release – right?

Es würde auf Grund der Verwendung eines ternären Operators jene die das Filter und diese Einstellungen nutzen auch nicht stören, wenn man es in Enfold aufnehmen würde.

Da ich auch Borlabs Nutzer bin – wäre das sicherlich eine Bereicherung.

Yes, Ismael, the changes have to be made in avia_google_maps_api.js – but since you’ve set the ternary operator, it shouldn’t bother those who don’t need the filter.
The change (read comments on snippet) only concerned instructions on how to create a code that could be used for filtering from the json code created by Google from that page: https://mapstyle.withgoogle.com/