Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
En este documento, se describen algunos problemas habituales que pueden ocurrir a la hora de configurar el diseño del mapa y se indica cómo resolverlos.
Algunos lugares de interés no admiten la personalización del diseño y la visibilidad: En determinados niveles de zoom, si un lugar de interés aparece destacado (texto en negrita) en el mapa base, el diseño personalizado no funcionará y la visibilidad permanecerá activa aunque la desactives. Este problema ocurre únicamente en niveles de zoom en los que un lugar de interés aparece destacado en el mapa base.
A veces, el diseño de trazo del texto no funciona: El diseño del trazo del texto puede no funcionar si no se usa en el mapa base. Esto suele suceder con el Agua.
La vista previa del mapa a veces no funciona: En esta versión, se usa un mapa de vectores para la vista previa. Si el mapa de vectores no se puede cargar en el navegador web, se brinda una experiencia "sin mapa":
Prueba distintas combinaciones de navegador y dispositivo.
Problemas conocidos de iOS
El cliente de iOS no interpola el color de trazo del texto para las etiquetas.
Mensajes
Después de crear o actualizar el diseño de un mapa, es posible que se muestren los siguientes mensajes.
Es posible que los cambios de diseño adicionales no se muestren correctamente en todos los navegadores. Te recomendamos que no agregues más cambios de diseño.
Los diseños de mapa de la versión heredada del diseño de nube tienen un límite para la cantidad de cambios de diseño que se pueden aplicar. Si intentas editar diseños que ya alcanzaron ese límite, verás este mensaje. Puedes seleccionar un diseño diferente para editar, o bien utilizar la versión preliminar del diseño de nube, que ya corrigió este problema.
Problemas relacionados con el diseño
Después de crear o actualizar el diseño de un mapa, es posible que se muestren los siguientes mensajes.
Las configuraciones de diseño y visibilidad personalizadas no se aplican a algunos lugares de interés en ciertos niveles de zoom
Si un lugar de interés aparece destacado (en negrita) en el mapa base, no es posible personalizar el diseño, y su Visibilidad permanecerá activa aunque la desactives. Este problema ocurre únicamente en niveles de zoom en los que un lugar de interés aparece destacado en el mapa base. Este es un problema conocido.
Mis cambios de diseño no se están actualizando en mis apps o sitios web
Los cambios de diseño pueden demorar algunas horas para propagarse a tus apps y sitios web, y las apps pueden demorar más tiempo si los dispositivos no están conectados a Internet. Si no ves los cambios de diseño después de algunas horas, puedes hacer lo siguiente:
Asegúrate de haber publicado la actualización del diseño.
Si aplicaste los cambios en un diseño duplicado, asegúrate de haber asociado tu ID de mapa a este diseño. Para obtener más detalles, consulta Cómo asociar o quitar IDs de mapa en tu diseño.
No puedo ver mis cambios de diseño en la vista previa del mapa
Si realizas un cambio y no puedes verlo en la vista previa del mapa, prueba lo siguiente.
Cambia el nivel de zoom del mapa: Es posible que los componentes del mapa en los que estás aplicando diseño no sean visibles en el nivel de zoom actual.
Acércate: Si tienes certeza de que el componente está presente en el mapa, acércate para obtener una vista más detallada y tal vez aparezca.
Aléjate: En algunos componentes grandes del mapa, es posible que necesites alejarte para que desaparezcan los componentes detallados y aparezca tu diseño.
Mi texto se ve borroso o fuera de foco
Si los colores que elegiste para el relleno y el trazo del texto no son suficientemente contrastantes, la fuente se verá borrosa y poco definida porque el trazo (contorno) y el relleno se mezclarán. Selecciona colores que sean suficientemente contrastantes.
Mi diseño es monótono o muestra colores incorrectos
El componente de mapa en el que estás aplicando diseño podría superponerse con uno o varios componentes de tu mapa. Para recibir asistencia, consulta Cómo administrar los diseños que se superponen.
Se aplicó diseño a componentes del mapa incorrectos
Si ves componentes de mapa con el mismo diseño que estableciste, es posible que el diseño de mapa predeterminado para esos componentes sea igual al que configuraste. A continuación, te ofrecemos algunas sugerencias que puedes probar:
Desactiva la visibilidad de los componentes de mapa con el mismo diseño. Por ejemplo, si deseas aplicar un color rojo oscuro a las Vinerías y observas que los lugares de interés de Emergencias se muestran en rojo, esto podría ser confuso para los usuarios. En ese caso, puedes desactivar la visibilidad de los lugares de interés de Emergencias para evitar la confusión.
Cambia el diseño de los componentes de mapa que no deseas que coincidan. En el ejemplo anterior, también podrías aplicar un color naranja a los lugares de interés de Emergencias para evitar la confusión.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2023-12-26 (UTC)"],[[["\u003cp\u003eThis guide addresses common issues encountered when setting up or customizing map styles in Google Cloud Platform.\u003c/p\u003e\n"],["\u003cp\u003eTroubleshooting steps are provided for various scenarios, such as style updates not appearing, preview map issues, blurry text, incorrect colors, and unintended feature styling.\u003c/p\u003e\n"],["\u003cp\u003eUsers can find information about legacy cloud styling access, known issues, and specific error messages within the document.\u003c/p\u003e\n"],["\u003cp\u003eSolutions offered include checking for style overlaps and inheritance overrides, adjusting zoom levels, ensuring sufficient color contrast, and managing feature visibility.\u003c/p\u003e\n"],["\u003cp\u003eLinks to relevant resources like release notes, WebGL support documentation, and specific setup guides are incorporated throughout the troubleshooting steps.\u003c/p\u003e\n"]]],["This document addresses troubleshooting map style issues across Android, iOS, JavaScript, and Web Service platforms. Common problems include style changes not updating, the style editor failing to load, and blurry text. Solutions involve checking browser settings, enabling hardware acceleration, updating graphics, and ensuring style publication. Issues may also arise from style overlaps, inheritance overrides, zoom level discrepancies, and insufficient color contrast. The document suggests managing overlapping features, adjusting visibility, and modifying unwanted matching styles. It highlights known issues with cloud based maps styling found in the release notes.\n"],null,["# Troubleshoot\n\nSelect platform: [Android](/maps/documentation/android-sdk/cloud-customization/troubleshoot \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/troubleshoot \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/troubleshoot \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/troubleshoot \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nThis document describes common issues that might occur when setting up your\nmap style, and how to resolve them.\n\nClick to file a\n[Bug](https://issuetracker.google.com/issues/new?component=1415514&template=1863115)\nor [Feature Request](https://issuetracker.google.com/issues/new?component=1415514&template=1863479).\n\nKnown issues\n------------\n\nTo see the latest known issues with cloud-based maps styling, see\nthe [release notes](../cbms-release-notes).\n\nMessages\n--------\n\nHere are some messages you might see and their solutions:\n\n\u003cbr /\u003e\n\nA map `styles` property cannot be set when a `mapId` is present. You cannot use map IDs and styles at the same time. Instead, edit the style associated with the map ID using the Cloud console. See also [I get an error trying to load my map style](#mapid-w-style).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nThe style editor can't be loaded right now The preview map uses a vector map. In cases when vector maps cannot\nbe loaded on your web browser, it falls back to a \"no map\" experience:\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nIf you run into this issue, try the following:\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n- Check your browser settings to make sure hardware acceleration is enabled.\n- Check if your device is supported by visiting [get.webgl.org](https://get.webgl.org/). If the demo does not run, your browser or device may not be compatible with WebGL. Make sure your device's drivers/browser combination is not subject to the denylist rules defined in the [Khronos WebGL wiki](https://www.khronos.org/webgl/wiki/BlacklistsAndWhitelists).\n- Update your graphics card and make sure that your device has a video graphics card (GPU) that supports WebGL. See [Application and website\n requirements](/maps/documentation/ios-sdk/cloud-customization/setup#reqs).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nFor additional support, see [GMP WebGL support](/maps/documentation/javascript/webgl/support).\n\n\u003cbr /\u003e\n\nStyle issues\n------------\n\nYou might see the following messages displayed after creating or updating\na style.\n\n### My style changes aren't updating in my apps or website\n\nStyle changes can take a few hours to propagate to your apps and websites, and\napps can take longer if the devices aren't connected to the internet. If you're\nstill not seeing your style changes after a few hours, check the following\nthings:\n\n- Make sure you've published your style update.\n\n- If you made your changes in a duplicated style, make sure you've associated\n your map ID with the duplicated style. For details, see\n [Associate or remove map IDs on your style](/maps/documentation/ios-sdk/cloud-customization/map-styles#associate-style-with-map-id).\n\n### I can't see my style changes on the preview map\n\nIf you make a change, and can't see the change on the preview map, here\nare some things to try.\n\n- **Check for style overlaps** : For details, see\n [Manage styles that overlap](/maps/documentation/ios-sdk/cloud-customization/overlap).\n\n- **Check for style inheritance overrides** : Check to see if there is a\n custom child style underneath the style you're setting that is overriding\n its parent style. For details on style inheritance, see\n [Understand map style inheritance and hierarchy](/maps/documentation/ios-sdk/cloud-customization/map-hier).\n\n- **Change the map zoom level**: It's possible that the map features you are\n styling are not visible in the map at the current zoom level.\n\n - **Zoom in**: If you are sure the feature is present on the map,\n zoom in to a more detailed view and it may appear.\n\n - **Zoom out**: With some large map features, you may need to zoom out\n until the detailed map features drop out before your styling shows up.\n\n### My text looks blurry or out of focus\n\nIf the colors you've chosen for your fill and stroke for text don't have\nenough contrast, the font looks bold and fuzzy because the stroke (outline)\nand fill merge together. Select colors that have enough contrast.\n\n### My style looks dull or the wrong color\n\nThe map feature you are styling may overlap with one or more other map\nfeatures. For assistance, see [Manage styles that overlap](/maps/documentation/ios-sdk/cloud-customization/overlap).\n\n### The wrong map features are being styled\n\nIf you are seeing map features that match the style you've set, it may be that\nthe default map style for those map features are the same as the style you're\nsetting. Here are some things to try:\n\n- **Turn off visibility for the map feature that matches**. For example,\n if you are trying to set Winery to a dark red, and notice that Emergency\n POIs are red, which could be confusing for your users. You can choose to\n turn off visibility for Emergency POIs to avoid this confusion.\n\n- **Change the style of the map features that you don't want to match**.\n the example above, you could also choose to style Emergency POIs to orange\n to avoid confusion.\n\n### I get an error trying to load my map style\n\nYou cannot use map IDs and styles at the same time. You can do one of the\nfollowing:\n\n- **Recommended** : Remove the map style, and edit the style associated with\n the map ID using the Cloud console. With this method, you can create one\n style that applies to all platforms. For details, see\n [Associate a style with a map ID](/maps/documentation/ios-sdk/cloud-customization/map-styles#associate-style-with-map-id).\n\n- Remove the map ID, and edit the style for each app platform using\n\n [Add a styled map](../styling).\n\n Since JSON styling is platform-specific, you need to create the style for each\n app platform on which you display the styled maps.\n\nIf you already have a JSON map style that you want to use for cloud-based\nmaps styling, you can import it. For details, see\n[Import a JSON map style](/maps/documentation/ios-sdk/cloud-customization/map-styles#json-import)."]]
