google map api styling

se puede modificar el mapa que por default nos muestra google,

podemos definir un array con los estilos a aplicar, por ejemplo

var styles = [
          {
            featureType: 'road.highway',
            elementType: 'geometry.stroke',
            stylers: [
              { color: '#efe9e4' },
              { lightness: -40 }
            ]
          },{
            featureType: 'transit.station',
            stylers: [
              { weight: 9 },
              { hue: '#e85113' }
            ]
          }
        ];

y luego asignarselo al map

map = new google.maps.Map(document.getElementById('map'), {

  center: {lat: -34.619108, lng: -58.43131},

  zoom: 15,

  styles: styles,

 

  });

se pueden descargar distintos estilos para mapas desde esta pagina

https://snazzymaps.com/