[SOLUCIONADO] quitar el nombre de las calles

[DanX03]

Hola que tal, tengo una aplicacion en la que utilizo google maps para la ubicacion de ciertos puntos, lo que deseo es que no aparezcan el nombre de las calles en la vista del mapa sin tener que cambiar a la vista de satelite, ¿como logro esto?

[DanX03]

bien buscando informacion al tema encontre que si se pueden quitar las etiquetas de los mapas de google, se quitan con este codigo:

Código Javascript:

function initialize() {
 
            var mapOptions = {
                elementType: "labels",
                stylers: [{ visibility: "off" }],
                zoom: 8,
                center: new google.maps.LatLng(20.531581, -99.067804),
            };
        }
 

Pero este codigo no esta ocultando nada, me sigue mostrando las etiquetas, ¿que es lo que tengo mal?

[DanX03]

Encontre la solucion al problema, las lineas correctas del codigo son las siguientes:

Código Javascript:

function initialize() {
 
            var styles = [
            {
                    //featureType: 'road',
                    elementType: 'labels',
                    stylers: [
                    { visibility: 'off' }
                     ]
            }
            ];
 
            var styledMap = new google.maps.StyledMapType(styles,
                { name: 'Styled Map' });
 
            var mapOptions = {
                zoom: 8,
                center: new google.maps.LatLng(20.531581, -99.067804),
                mapTypeControlOptions: {
                    mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
                },
            };
            map = new google.maps.Map(document.getElementById('map-canvas'),
                mapOptions);
 
            map.mapTypes.set('map_style', styledMap);
            map.setMapTypeId('map_style');
}
 

con esto se pueden quitar las etiquetas de las calles y avenidas en los mapas de google