La Personalizzazione delle mappe basata su cloud ora offre uno stile di mappa aggiornato per il web e i dispositivi mobili. Questo aggiornamento dello stile della mappa include una nuova tavolozza dei colori predefinita, indicatori modernizzati e miglioramenti alle esperienze e all'usabilità delle mappe. Per ulteriori informazioni, consulta
Nuovo stile di mappa per Google Maps Platform. Per iniziare a utilizzare i nuovi colori delle mappe con la personalizzazione delle mappe basata su cloud, consulta
Aggiornare uno stile di mappa alla versione più recente.
Elenco di controllo per il design
Le seguenti linee guida riguardano gli errori di progettazione comuni durante la creazione o la modifica di uno stile di mappa. Google consiglia inoltre di rivolgersi a un grafico per assemblare e rivedere il design.
Assicurati che il contrasto dei colori sia sufficiente: il contrasto contribuisce a mantenere il testo leggibile e a distinguere determinate funzionalità della mappa. Per maggiori dettagli, consulta
Scegliere colori di riempimento e tratto a contrasto.
Controlla diversi livelli di zoom: verifica che gli elementi di stile siano visualizzati correttamente a diversi livelli di zoom.
Evita combinazioni di colori note per essere problematiche per gli utenti daltonici:
Assicurati che il tuo design sia utilizzabile per le persone daltoniche.
Verifica la modalità Notte: per i design per dispositivi mobili, assicurati che il design funzioni con la modalità Notte.
Scegli colori di riempimento e tratto in contrasto
Assicurati che il contrasto tra i colori di riempimento e tratto sia sufficiente per distinguere gli elementi della mappa dallo sfondo e da elementi simili.
Poligoni per una linea: scegli colori a contrasto per mostrare i dettagli di una linea. Ad esempio, i sentieri sono linee tratteggiate e, se i colori non hanno un contrasto sufficiente, sembrano linee continue. Le autostrade sono delineate sui bordi esterni, quindi senza contrasto potrebbero sembrare piene e quindi essere confuse con altri tipi di strade.
Poligoni per una forma: il contrasto ti consente di vedere i bordi tra i poligoni adiacenti.
Tracciato e riempimento del testo: per il testo, il tratto è il colore del contorno, che contribuisce a rendere il testo leggibile rispetto ai colori di sfondo. Se il colore del tratto è troppo simile al colore di riempimento, i caratteri potrebbero anche apparire sfocati o fuori fuoco.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-02-28 UTC.
[null,null,["Ultimo aggiornamento 2025-02-28 UTC."],[[["These guidelines provide design best practices for creating or editing map styles, emphasizing clear contrast, zoom level considerations, and colorblind-friendly choices."],["Ensuring sufficient contrast between fill and stroke colors is crucial for distinguishing map features, like lines and polygons, from the background and each other."],["Text readability is enhanced by using contrasting stroke and fill colors, preventing blurriness and ensuring clarity against various backgrounds."],["It is recommended to test map styles at different zoom levels and in Night mode (for mobile) to ensure consistent visual appeal and functionality."],["Consulting with a graphic designer is advisable for comprehensive design assembly and review, supplementing these technical guidelines with professional aesthetic guidance."]]],["Map style design guidelines recommend consulting a graphic designer. Key actions include ensuring sufficient color contrast between fill and stroke colors for readability and feature distinction, especially in lines, shapes, and text. Test designs at various zoom levels and consider colorblind users. For mobile, verify compatibility with Night mode. Contrast helps avoid issues like solid lines appearing instead of dotted lines or blurry text. Platforms for customization include Android, iOS, JavaScript, and Web Service.\n"]]
