Questions tagged [google-maps-styling]

For questions about programmatic usage of the styling features in Google Maps Platform, which allow maps to be styled and customized.

You can apply customized styling through an embedded JSON style declarations or via Cloud-based map styling (Select your platform when reaching these links).

For JSON Maps Styling, you can use the Maps Platform Styling Wizard to construct and export the JSON declarations.

If you want to easily update the same style across multiple apps, look into cloud customization, available in the Google Cloud Console. You will need to create and add a map ID to use cloud customization.

Google recommends not combining cloud customization and hardcoded styling in the same app, to avoid potential future conflicts.

58 questions
23
votes
4 answers

Make google maps plugin black/white or with sepia filter

I'm wondering if it is possible to display Google Maps in black/white or with a sepia filter. Can it be done with some Canvas magic? Or overlaying? Or some other method?
Sonne
  • 691
  • 1
  • 6
  • 20
8
votes
2 answers

Change the font-family of Google Maps labels?

I'm making a custom Google Map, using the official Styled Maps Wizard. However, it doesn't seem to be possible to change the font-family of the labels (which is Arial). Does anyone know if this is possible in Google Maps?
Richard
  • 62,943
  • 126
  • 334
  • 542
6
votes
5 answers

Modern rectangular InfoWindow on maps.google.com

How can I style google maps v3 InfoWindow to achieve the same style as on maps.google.com?
Lambder
  • 2,953
  • 1
  • 26
  • 20
6
votes
1 answer

Google Maps iOS SDK some map tiles loaded with green transparent color

I am using the Goolge Maps iOS SDK 2.1.1. I manually had to integrate the framework since we are using Carthage and the Google Maps iOS SDK only supports Cocoapods. I created a custom style with the Google Maps Styling Wizard and loaded it as…
Daniel Hariri
  • 1,081
  • 8
  • 10
6
votes
1 answer

Someone knows how to convert GMap Static JSON to a HTML url?

I have downloaded an example styled map from snazzymaps.com. I try to transform to an url like http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=512x512&zoom=15¢er=Chicago but I'm not doing it well. I'm trying to transform the next…
6
votes
2 answers

hiding google map floor plans

When using Google Map API v3 and using the styled map type I can't manage to hide the floor plans that appear when zoomed in. There are a number of "MapTypeStyleFeatureType" options, none of which help to hide the floor…
4
votes
5 answers

Prevent google overlay/infowindow from allowing clicks through to markers underneath

I'm trying to make some custom Google maps info windows, but I'm getting the issue where markers underneath my custom info window is clickable through the info window. Here's an example (basically straight from googles example…
Soup
  • 1,699
  • 15
  • 30
4
votes
2 answers

click event listener on styled map icons and labels

Is it possible to add a listener for the click event on the icons and/or labels that appear for styled maps? I have a form that allows entry of Points of Interest. Since the poi styling shows icons and/or labels for many potential candidates, and…
4
votes
1 answer

Customizing google maps landscape.man_made color and keep the shading?

I'm trying to build a customized google map using API v3.exp. I want to customize the color of the buildings too but it seems that if I change the color of landscape.man_made, I 'm losing the beautiful shading effect in the buildings (different…
4
votes
1 answer

How to add multiple styles of Google Maps using StyledMapType?

I have added one additional style to a Google Map, following Google's instructions. However I have had no sucess adding more than one style. Can this be achieved? If so, how? Here is an example: http://jsfiddle.net/mikegoodstadt/A9zwa/3/ Many thanks…
Mike Goodstadt
  • 345
  • 3
  • 12
3
votes
2 answers

Animated Marker Positions on PolyLine

I am using google maps API V3 and created some Animation of a Icon over a PolyLine. My Code var line; function initialize() { var mapOptions = { center: new google.maps.LatLng(2.881766, 101.626877), zoom: 12, mapTypeId:…
2
votes
1 answer

How to change buttons styles in control div in google maps?

How to get elements and change styles by clicking buttons on map control div? I like to have the same effect on map like in buttons in table. Code: jsFiddle Update: With Your help I got expected result: jsFiddle2
2
votes
1 answer

Is it possible to change the Hybrid maptype as an StyledMapType?

I was wondering if you could change the features of the hybrid maptype like you can do on a styledmaptype. I ask this because i want to show the satellite map (or changed hybrid map) with only country borders, no roads citynames etc. Thanks in…
2
votes
1 answer

How can I change visibility on google maps v3?

I want to change the visibility of the map ( roads and other labels ) in accordance to level of zoom. Is there any way I can do that? For example: visibility=on while I the zoom is <=8 and off while zoom is > 8
t0s
  • 1,201
  • 5
  • 19
  • 28
2
votes
2 answers

Google Maps v3 - how to style the "baloon" and to color a country?

does anybody knows how can style the baloon that appears in the Google Maps v3 when you click a place? I wish to change the default "comic-style". Second question: is it possible to automatically (or in some other way) color a country (i.e. I wish…
Davide
  • 1,305
  • 3
  • 16
  • 36
1
2 3 4