image of 3D vector map made using Google Maps API, with many traffic light icons overlapping buildings
I am using the Google Maps Javascript API V3 for a project. The map type I am using is roadmap. I’ve tried basically everything related to customizing my map style in the Google Cloud Console (hiding road labels, limiting POI density to very sparse) aside from actually turning the road polylines off (as I still want to display where the roads are). However, I can’t figure out how to hide the little traffic light icons on the map, and there doesn’t seem to be much on the internet about this specific issue.
The traffic light icons are very distracting from the main UI, as the use case of my project has nothing to do with driving, and they stand out especially in the 3D vector map, since they are just drawn on top of the 3D building visuals and sometimes there are 30-40 of these little icons on screen at once.
I am also facing this problem with other icons (staircases, emergency exits, a clothes hanger, seemingly icons for men/women’s restrooms?) but these show up much less often.
Please let me know if there’s a way to fix this! Thanks in advance.
What I tried: Customizing my map style in the Google Cloud Console. Hiding road polylines in the Google Cloud Console was the only thing that worked, but I really don’t want to hide the general shape/outline of the roads, I just don’t want to show the traffic lights. I also set some options in the Map constructor in my code to disable default Google Maps UI, but unsure if there’s an option that is targeted towards this.
Kelly Mao is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.