A breve su Google Maps Platform saranno disponibili nuovi stili di mappa. Questo aggiornamento dello stile della mappa include una nuova tavolozza dei colori predefinita e miglioramenti all'usabilità e alle esperienze delle mappe. Tutti gli stili di mappa verranno aggiornati automaticamente a marzo 2025. Per ulteriori informazioni sulla disponibilità e su come attivare la funzionalità in precedenza, consulta la sezione Nuovo stile di mappa per Google Maps Platform.
Questa pagina è una guida rapida allo stile della mappa, utilizzando come esempio la modalità notturna.
Panoramica
Con le opzioni di stile puoi personalizzare la presentazione dei
stili di mappa, cambiando la visualizzazione visiva di elementi quali strade, parchi
attività commerciali e altri punti d'interesse. Ciò significa che puoi enfatizzare
particolari componenti della mappa o adattarla allo stile del tuo
dell'app.
Gli stili funzionano solo sul tipo di mappa kGMSTypeNormal.
Applicazione di stili alla mappa
Per applicare stili di mappa personalizzati a una mappa, chiama GMSMapStyle(...) per creare una
GMSMapStyle, passando un URL per un file JSON locale o un file JSON
stringa contenente definizioni di stile. Assegna l'istanza GMSMapStyle all'account
mapStyle proprietà della mappa.
Utilizzo di un file JSON
Gli esempi seguenti mostrano la chiamata a GMSMapStyle(...) e il trasferimento di un URL per un
file locale:
Swift
importGoogleMapsclassMapStyling:UIViewController{// Set the status bar style to complement night-mode.overridevarpreferredStatusBarStyle:UIStatusBarStyle{return.lightContent}overridefuncloadView(){letcamera=GMSCameraPosition.camera(withLatitude:-33.86,longitude:151.20,zoom:14.0)letmapView=GMSMapView.map(withFrame:CGRect.zero,camera:camera)do{// Set the map style by passing the URL of the local file.ifletstyleURL=Bundle.main.url(forResource: "style",withExtension: "json"){mapView.mapStyle=tryGMSMapStyle(contentsOfFileURL:styleURL)}else{NSLog("Unabletofindstyle.json")}}catch{NSLog("Oneormoreofthemapstylesfailedtoload.\(error)")}self.view=mapView}}
Objective-C
#import "MapStyling.h"
@importGoogleMaps;@interfaceMapStyling()@end@implementationMapStyling// Set the status bar style to complement night-mode.-(UIStatusBarStyle)preferredStatusBarStyle{returnUIStatusBarStyleLightContent;}-(void)loadView{GMSCameraPosition*camera=[GMSCameraPositioncameraWithLatitude:-33.86longitude:151.20zoom:12];GMSMapView*mapView=[GMSMapViewmapWithFrame:CGRectZerocamera:camera];mapView.myLocationEnabled=YES;NSBundle*mainBundle=[NSBundlemainBundle];NSURL*styleUrl=[mainBundleURLForResource:@"style"withExtension:@"json"];NSError*error;// Set the map style by passing the URL for style.json.GMSMapStyle*style=[GMSMapStylestyleWithContentsOfFileURL:styleUrlerror:&error];if(!style){NSLog(@"Thestyledefinitioncouldnotbeloaded:%@",error);}mapView.mapStyle=style;self.view=mapView;}@end
Per definire le opzioni di stile, aggiungi un nuovo file al tuo progetto denominato style.json.
e incolla la seguente dichiarazione di stile JSON per lo stile in modalità notturna:
Gli esempi seguenti mostrano la chiamata a GMSMapStyle(...) e il trasferimento di una stringa
risorsa:
Swift
classMapStylingStringResource:UIViewController{letMapStyle= "JSON_STYLE_GOES_HERE"
// Set the status bar style to complement night-mode.overridevarpreferredStatusBarStyle:UIStatusBarStyle{return.lightContent}overridefuncloadView(){letcamera=GMSCameraPosition.camera(withLatitude:-33.86,longitude:151.20,zoom:14.0)letmapView=GMSMapView.map(withFrame:CGRect.zero,camera:camera)do{// Set the map style by passing a valid JSON string.mapView.mapStyle=tryGMSMapStyle(jsonString:MapStyle)}catch{NSLog("Oneormoreofthemapstylesfailedtoload.\(error)")}self.view=mapView}}
Objective-C
@implementationMapStylingStringResource// Paste the JSON string to use.staticNSString*constkMapStyle=@"JSON_STYLE_GOES_HERE";// Set the status bar style to complement night-mode.-(UIStatusBarStyle)preferredStatusBarStyle{returnUIStatusBarStyleLightContent;}-(void)loadView{GMSCameraPosition*camera=[GMSCameraPositioncameraWithLatitude:-33.86longitude:151.20zoom:12];GMSMapView*mapView=[GMSMapViewmapWithFrame:CGRectZerocamera:camera];mapView.myLocationEnabled=YES;NSError*error;// Set the map style by passing a valid JSON string.GMSMapStyle*style=[GMSMapStylestyleWithJSONString:kMapStyleerror:&error];if(!style){NSLog(@"Thestyledefinitioncouldnotbeloaded:%@",error);}mapView.mapStyle=style;self.view=mapView;}@end
Per definire le opzioni di stile, incolla la seguente stringa di stile come valore di
la variabile kMapStyle:
Le mappe con stili utilizzano due concetti per applicare colori e altre modifiche di stile a un
mappa:
I selettori specificano i componenti geografici che puoi
di stile sulla mappa. tra cui strade, parchi, masse d'acqua
oltre alle relative etichette. I selettori includono le caratteristiche
e elements, specificati come featureType e
elementType proprietà.
I Styler sono proprietà di colore e visibilità che puoi
applicare agli elementi della mappa. Definiscono il colore visualizzato tramite una
combinazione di valori di tonalità, colore e luminosità/gamma.
Consulta il riferimento dello stile per una descrizione dettagliata del
Opzioni per gli stili JSON.
Utilizza la procedura guidata degli stili di Maps Platform come metodo rapido
per generare un oggetto di stile JSON. Maps SDK per iOS supporta
dichiarazioni con lo stesso stile dell'API Maps JavaScript.
Esempi di codice completi
Il repository ApiDemos su GitHub include
esempi che dimostrano l'uso degli stili.