Yeni harita stilleri yakında Google Haritalar Platformu'nda kullanıma sunulacak. Harita stilinde yapılan bu güncelleme, yeni bir varsayılan renk paletinin yanı sıra harita deneyimleri ve kullanılabilirliğiyle ilgili iyileştirmeler içermektedir. Tüm harita stilleri Mart 2025'te otomatik olarak güncellenecektir. Bu özelliğin kullanılabilirliği ve bu özelliğe daha önce nasıl katılacağınız hakkında daha fazla bilgi edinmek için Google Haritalar Platformu için yeni harita stili başlıklı makaleyi inceleyin.
Bu sayfa, örnek olarak gece modunu kullanarak haritanızın stilini ayarlamayla ilgili hızlı bir kılavuzdur.
Genel Bakış
Stil seçenekleriyle standart Google arama sonuçları sayfasının
yol, park, güvercinlik gibi özelliklerin görsel görüntüsünü değiştirerek
ve diğer önemli noktaları görebilirsiniz. Bu da ekip üyelerinizin
haritanın belirli bileşenlerini yapabilir veya haritayı, işletmenizin tarzını tamamlayacak şekilde
uygulamasını indirin.
Stil yalnızca kGMSTypeNormal harita türünde çalışır.
Haritanıza stil uygulama
Bir haritaya özel harita stilleri uygulamak için GMSMapStyle(...) işlevini çağırarak
Yerel bir JSON dosyası için URL veya bir JSON dosyası iletme, GMSMapStyle örneği
Stil tanımlarını içeren dize. GMSMapStyle örneğini şuna atayın:
Haritanın mapStyle özelliği.
JSON dosyası kullanma
Aşağıdaki örneklerde GMSMapStyle(...) çağrısının yapılması ve
yerel dosya:
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
Stil seçeneklerini tanımlamak için projenize style.json adlı yeni bir dosya ekleyin.
ve gece modu stili için aşağıdaki JSON stil bildirimini yapıştırın:
Aşağıdaki örneklerde GMSMapStyle(...) çağrısının yapılması ve bir dizenin iletilmesi gösterilmektedir
kaynak:
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
Stil seçeneklerini tanımlamak için aşağıdaki stil dizesini
kMapStyle değişkeni:
Stil özellikleri ayarlanmış haritalar, bir öğeye renk ve diğer stil değişikliklerini uygulamak için
harita:
Seçiciler, oluşturabileceğiniz coğrafi bileşenleri belirtir.
stilini de değiştirebilirsiniz. Bunlar yollar, parklar, su kütleleri
yanı sıra etiketleri de dahil. Seçiciler özellikler içerir
ve öğeler, featureType ve
elementType mülk.
Stil araçları, kullanabileceğiniz renk ve görünürlük özellikleridir.
eşleme öğelerine uygulanır. Görüntülenen rengi
renk tonu, renk ve açıklık/gama değerlerinin birleşiminden oluşur.
Hızlı bir yöntem olarak Haritalar Platformu Stil Sihirbazı'nı kullanın
kullanarak bir JSON stil nesnesi oluşturun. iOS için Haritalar SDK'sı
Maps JavaScript API ile aynı stil beyanlarını kullanın.
Tam kod örnekleri
GitHub'daki ApiDemos deposu şunları içerir:
örnek olarak verilebilir.