Estoy tratando de establecer un color de fondo en un mapa que usa un estilo basado en la nube, sin embargo, cuando se aleja (y mientras carga el mapa), el color de fondo no se usa, sino un color beige. Mirando a través de las opciones en el modelador de mapas, tampoco hay una forma de establecer este color.
El siguiente es un fragmento que demuestra esto.
let map; function initMap() { map = new google.maps.Map(document.getElementById("map"), { center: { lat: -34.397, lng: 150.644 }, zoom: 8, mapId: '276ae3a2ab869cb2', backgroundColor: 'black' }); } /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0; } <!DOCTYPE html> <!-- Source: https://developers.google.com/maps/documentation/javascript/overview --> <html> <head> <title>Simple Map</title> </head> <body> <div id="map"></div> <script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async></script> </body> </html>