¿Qué elementos de diseño puedes personalizar en el mapa?
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Los componentes de mapa que puedes personalizar se ordenan de manera jerárquica, y cada uno de ellos tiene uno o varios elementos de diseño personalizables. La mayoría de los componentes de niveles superiores tienen uno o varios componentes de mapa secundarios. Tienes varias opciones para personalizar el diseño del mapa:
Heredar el diseño del mapa base: Si no personalizas un elemento de diseño de un componente de mapa, este hereda el diseño predeterminado del mapa base.
Heredar el diseño de los componentes superiores: Si personalizas un elemento de diseño de un componente de mapa superior, todos los componentes secundarios no personalizados del mapa heredarán este diseño.
Anular el diseño superior: Personaliza un elemento de diseño de un componente de mapa secundario para anular el diseño superior de ese elemento.
Personalizar los niveles de zoom: Para algunos componentes de mapa, puedes personalizar elementos de diseño con diferentes niveles de zoom. Para obtener más información, consulta Niveles de zoom de los diseños.
¿Qué elementos de diseño puedes personalizar en cada componente de mapa?
Los componentes de mapa pueden tener uno o varios de los siguientes elementos de diseño, los cuales puedes personalizar según el tipo de componente:
Color del relleno: Establece el color de relleno de los polígonos y las polilíneas.
Color del trazo: Indica el color de contorno de los polígonos y las polilíneas.
Grosor del trazo: Indica el grosor de la línea de contorno de los polígonos y las polilíneas.
No se puede establecer en 0. Si no quieres usar un contorno, establece el mismo color en Color del trazo y Color del relleno.
Color de los íconos: Establece el color de relleno de los íconos.
Color del relleno del texto: Establece el color de relleno de las etiquetas de texto.
Color del trazo del texto: Indica el color del contorno de las etiquetas de texto.
Cómo ocultar o mostrar componentes del mapa
Si hay componentes del mapa que deseas ocultar o mostrar, usa el elemento de diseño Visibilidad:
En el editor de diseño, selecciona un componente de mapa.
Para mostrar el componente del mapa: En Visibilidad, selecciona Activar. Para quitar el componente del mapa: En Visibilidad, selecciona Desactivar.
Polígonos y polilíneas
En los componentes de mapa que se representan por medio de una forma (como una playa, un país o una plaza urbana) o una línea (como el recorrido de un ferrocarril, una autopista o un camino), puedes aplicar diseño a los siguientes elementos: Visibilidad, Color del relleno, Color del trazo y Grosor del trazo.
Ejemplo de personalización del diseño de un polígono para el tipo de componente Reserva (Reservation)
Ejemplo de personalización del diseño de una polilínea para el tipo de componente Autopista (Highway)
Íconos y etiquetas de texto
En los tipos de componentes de mapa que se representan de forma total o parcial por medio de una etiqueta (como los lugares de interés o el transporte), puedes aplicar diseño a los siguientes elementos: Visibilidad, Color del ícono, Color del relleno del texto y Color del trazo del texto.
Ejemplo de personalizaciones de diseño para íconos y etiquetas de texto
Jerarquía de los componentes del mapa
En estas tablas de los componentes de mapa superiores, se muestra qué componentes secundarios están disponibles para cada uno de ellos.
Lugares de interés
Emergencia
Incendio
Hospital
Farmacia
Policía
Entretenimiento
Lugar artístico
Casino
Cine
Lugar histórico
Museo
Parque temático
Atracción turística
Alimentos y bebidas
Bar
Cafetería
Restaurante
Vinería
Alojamiento
Actividades recreativas
Playa
Náutica
Pesca
Campo de golf
Aguas termales
Reserva natural
Parque
Cerro
Complejo deportivo
Campo deportivo
Inicio del camino
Zoológico
Venta minorista
Tienda de alimentos
Compras
Servicios
Cajero automático
Banco
Alquiler de vehículos
Carga de VE
Gasolinera
Estacionamiento
Oficina de correos
Área de descanso
Sanitarios
Transporte público
Aeropuerto
Otro
Puente
Cementerio
Gobierno
Biblioteca
Instalación militar
Lugar de culto
Escuela
Plaza
[null,null,["Última actualización: 2023-12-26 (UTC)"],[[["\u003cp\u003eCustomize the appearance of Google Maps by styling map features, including their visibility, colors, and outlines.\u003c/p\u003e\n"],["\u003cp\u003eMap features inherit styles from their parent features, but you can override these styles for individual features or zoom levels.\u003c/p\u003e\n"],["\u003cp\u003eChoose to show or hide specific map features using the visibility setting in the style editor.\u003c/p\u003e\n"],["\u003cp\u003eAdjust the styling of shapes and lines, such as polygons and polylines, by changing their fill color, stroke color, and stroke width, although some political features and 3D buildings have limitations.\u003c/p\u003e\n"],["\u003cp\u003eCustomize icons and text labels for points of interest and transportation elements by modifying their colors and outlines.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization/taxonomy \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/taxonomy \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/taxonomy \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/taxonomy \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\n\nThe map features you can customize are arranged in a hierarchy, and each map\nfeature has one or more style elements that you can customize. Most top-level\nfeatures have one or more child map features. You have several options when\ncustomizing map styles:\n\n- **Inherit from the base map style**: If you don't customize a style element\n for a map feature, it inherits the default style from the base map.\n\n- **Inherit from parents**: Customize a style element on a parent map feature,\n to have all un-customized child map features below inherit the styles from\n their parent.\n\n- **Override the parent style**: Customize a style element on a child map\n feature to override the parent style for that element.\n\n- **Customize zoom levels** : For some map features, you can customize style\n elements for different zoom levels. For details, see [Style zoom\n levels](/maps/documentation/maps-static/cloud-customization/zoom-levels).\n\nWhat you can style for each map feature\n\nMap features can have one or more of the following style elements that you can\ncustomize, depending on the type of map feature:\n\n- **Visibility**: Whether to show or hide this feature on the map.\n\n- **Fill color**: Fill color for polygons and polylines.\n\n- **Stroke color**: Outline color for polygons and polylines.\n\n- **Stroke width**: Thickness of the outline for polygons and polylines.\n Results may vary depending on the zoom level. If you don't want an outline,\n set the Stroke color to be the same as the Fill color, or set the Stroke\n width to 0.\n\n- **Icon color**: Fill color for the icons.\n\n- **Text fill color**: Fill color for text labels.\n\n- **Text stroke color**: Outline color for text labels.\n\n| **Note:** Stroke color and Stroke width customizations are not available for all map features. For details, see [Polygons and Polylines](#polygons_and_polylines).\n\nMap feature visibility\n\nWhen you hide map features or make them transparent, you may expose boundary\ninaccuracies. Map feature boundaries are not always precise, but are adjusted to\nlook correct when all layers are visible. To learn more about how map layers\naffect each other, see [Manage styles that overlap](/maps/documentation/maps-static/cloud-customization/overlap).\n\nThere are two ways to show or hide map features: visibility and opacity.\n\nVisibility\n\nTo either display or hide a map feature on your map, use the **Visibility**\nstyle element. For more details, see\n[Filter which map features to display](/maps/documentation/maps-static/cloud-customization/viz).\n| **Note:** Not all map features are shown on the map at all zoom levels. To see the map feature displayed or hidden, you may need to zoom in or out.\n\nOpacity\n\nYou can also make a map feature transparent by adjusting the opacity of the\nfollowing style elements: Fill color, Stroke color, Text fill color, and Text\nstroke color. \n\nWhen you adjust the opacity of a map feature, its appearance depends on the map\nfeatures underneath. To avoid unexpected style changes, set a custom style for\nall overlapping features.\n| **Note:** Opacity is not available for all map features.\n\nPolygons and Polylines\n\nFor map feature types that are represented with a shape, such as Beach, Country,\nand Town square, or a line, such as Railway track, Highway, and Trail, you can\ntypically style the following elements: Visibility, Fill color, Stroke color,\nand Stroke width. \n\n*Polygon styling customization example - for **Reservation** feature type*\n\n*Polyline styling customization example - for **Highway** feature type*\n\nStroke color and Stroke width customizations are **not available** for the\nfollowing map features:\n\n- Political map features: Their style conveys meaning on the map, such\n as indicating the type of territory. The political map features are\n **Country** , **Border** , **State or province** , and **Sublocality**.\n\n- 3D style buildings.\n\nIcons and Text Labels\n\nFor map feature types that are fully or partially represented with a label, such\nas Point of interest or Transportation, you can usually style the following\nelements: Visibility, Icon color, Text fill color, and Text stroke color. \n\n*Label text and icon styling customizations example*\n\nMap feature hierarchy\n\nThese tables for the top level map features show what child map features are\navailable under each.\n\n| Point of interest ||\n|----------------|-----------------------------------------------------------------------------------------------------------------|\n| Emergency | Fire Hospital Pharmacy Police |\n| Entertainment | Arts Casino Cinema Historic Museum Theme park Tourist attraction |\n| Food and drink | Bar Cafe Restaurant Winery |\n| Landmark | |\n| Lodging | |\n| Recreation | Beach Boating Fishing Golf course Hot spring Nature reserve Park Peak Sports complex Sports field Trailhead Zoo |\n| Retail | Grocery Shopping |\n| Service | ATM Bank Car rental EV charging Gas station Parking lot Post office Rest stop Restroom |\n| Transit | Airport |\n| Other | Bridge Cemetery Government Library Military Place of worship School Town square |\n\n| Political ||\n|-------------------|---|\n| Country | |\n| Border | |\n| Reservation | |\n| State or province | |\n| City | |\n| Sublocality | |\n| Neighborhood | |\n| Land parcel | |\n\n| Infrastructure ||||\n|-------------------|---------------------|-----------------------------------------|---------------|\n| Building | Commercial | | |\n| Business corridor | | | |\n| Road network | No traffic | Pedestrian mall |\n| Road network | No traffic | Trail | Paved Unpaved |\n| Road network | Parking aisle | | |\n| Road network | Ramp | | |\n| Road network | Road shield | | |\n| Road network | Road sign | | |\n| Road network | Road | Arterial Highway Local No outlet | |\n| Road network | Road detail^\\*^ | Surface Crosswalk Sidewalk Intersection | |\n| Railway track | Commercial Commuter | | |\n| Transit station | Bicycle share | | |\n| Transit station | Bus station | | |\n| Transit station | Ferry terminal | | |\n| Transit station | Funicular station | | |\n| Transit station | Gondola station | | |\n| Transit station | Monorail | | |\n| Transit station | Rail station | Subway station Tram station | |\n| Urban area | | | |\n\n| Natural |||\n|-------------|------------------------|----------------------------------------------|\n| Continent | | |\n| Archipelago | | |\n| Island | | |\n| Land | Land cover^†^ | Crops Dry crops Forest Ice Sand Shrub Tundra |\n| Water | Ocean Lake River Other | |\n| Base | | |"]]
