Não é possível carregar o editor de estilo no momento
O mapa de prévia usa um mapa vetorial. Quando os mapas vetoriais não carregam no seu navegador da Web, a tela fica "sem mapa":
Se você tiver esse problema, tente o seguinte:
Nas configurações do navegador, ative a aceleração de hardware.
Acesse get.webgl.org e verifique se o seu dispositivo é aceito. Se a demonstração não for executada, talvez o navegador ou o dispositivo não seja compatível com o WebGL. Confira se a combinação entre drivers/navegador do seu dispositivo está sujeita às regras de listas de bloqueio definidas na wiki Khronos WebGL (link em inglês).
Talvez as seguintes mensagens apareçam depois de você criar ou atualizar um estilo.
As mudanças de estilo não estão sendo atualizadas nos meus apps ou sites
As alterações podem levar algumas horas para aparecer nos apps e sites. Nos aplicativos, esse tempo pode ser maior se os dispositivos não estão conectados à Internet. Se, depois de algumas horas, as mudanças no estilo ainda não tiverem sido implementadas, faça estas verificações:
Confira se você realmente publicou a atualização de estilo.
Confira se há sobreposições de herança de estilo: verifique a existência de um estilo secundário personalizado que esteja sobrepondo o estilo principal. Para detalhes sobre a herança de estilo, confira o artigo Entenda a hierarquia e a herança do estilo do mapa.
Mude o nível de zoom do mapa: talvez os elementos do mapa que você está estilizando não apareçam no nível de zoom atual.
Aumente o zoom: se você não tem certeza de que o elemento está presente no mapa, aumente o zoom para conferir mais detalhes. Talvez ele apareça.
Diminua o zoom: no caso de alguns elementos grandes do mapa, pode ser necessário diminuir o zoom para que os elementos detalhados desapareçam e sua estilização seja mostrada.
Meu texto está borrado ou desfocado
Se as cores que você escolheu para o preenchimento e o traço do texto não têm contraste suficiente, a fonte pode parecer escura e trêmula porque o traço (contorno) e o preenchimento se misturam. Selecione cores contrastantes.
Meu estilo está opaco ou com a cor errada
O elemento do mapa que você está estilizando pode se sobrepor a outros. Para receber ajuda, consulte Gerenciar estilos que se sobrepõem.
Os elementos do mapa errados estão sendo estilizados
Se encontrar elementos do mapa parecidos com o estilo que você configurou, talvez o estilo de mapa padrão desses elementos seja o mesmo do estilo definido. Confira o que você pode fazer:
Desative a visibilidade do elemento do mapa parecido. Por exemplo, você está tentando configurar o elemento "Vinícola" como vermelho escuro e percebe que os PDIs do tipo "Emergência" são vermelhos, o que pode confundir os usuários. Nesse caso, é possível desativar a visibilidade dos PDIs de "Emergência" para evitar essa confusão.
Mude o estilo dos elementos do mapa parecidos.
No exemplo acima, também seria possível usar a cor laranja nos PDIs de "Emergência" e, assim, evitar confusão.
Recebo um erro ao tentar carregar meu estilo de mapa
Não é possível usar IDs e estilos de mapa ao mesmo tempo. Você pode fazer uma das
seguintes ações:
Recomendado: remova o estilo de mapa e edite o estilo associado ao ID usando o console do Cloud. Com esse método, é possível criar um estilo que se aplica a todas as plataformas. Para mais detalhes, consulte Associar um estilo a um ID do mapa.
Remova o ID do mapa e edite o estilo de cada plataforma de app usando
estilo JSON.
Como a estilização JSON é específica da plataforma, é necessário criar o estilo para cada
plataforma de app em que você mostra os mapas estilizados.
Se você já tiver um estilo de mapa JSON que quer usar para mapas baseados na nuvem, importe-o. Para mais detalhes, consulte
Importar um estilo de mapa JSON.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-08-27 UTC."],[[["\u003cp\u003eThis documentation addresses common issues encountered when setting up map styles within Google Cloud Platform and provides troubleshooting steps.\u003c/p\u003e\n"],["\u003cp\u003eUsers might experience issues with legacy cloud styling access, style updates not propagating, preview map display errors, blurry text, and incorrect feature styling.\u003c/p\u003e\n"],["\u003cp\u003eSolutions include checking style overlaps, inheritance overrides, zoom levels, color contrast, and feature visibility settings.\u003c/p\u003e\n"],["\u003cp\u003eThe document links to relevant resources such as release notes, WebGL support, and specific troubleshooting guides for managing style overlaps and understanding style hierarchy.\u003c/p\u003e\n"],["\u003cp\u003eUsers can report bugs and feature requests through provided links to Google's issue tracker.\u003c/p\u003e\n"]]],[],null,["Select 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\nTo see the latest known issues with cloud-based maps styling, see\nthe [release notes](../cbms-release-notes).\n\nMessages\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/javascript/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\nYou might see the following messages displayed after creating or updating\na style.\n\nMy 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/javascript/cloud-customization/map-styles#associate-style-with-map-id).\n\nI 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/javascript/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/javascript/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\nMy 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\nMy 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/javascript/cloud-customization/overlap).\n\nThe 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\nI 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/javascript/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 [JSON styling](/maps/documentation/javascript/json-styling-overview).\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/javascript/cloud-customization/map-styles#json-import)."]]
