سيتوفّر تصميم الخريطة الجديد قريبًا على "منصة خرائط Google". يتضمن هذا التحديث على تصميم الخريطة لوحة ألوان تلقائية جديدة وتحسينات على تجارب الخرائط وسهولة الاستخدام. سيتم تعديل جميع أنماط الخرائط تلقائيًا في آذار (مارس) 2025. للمزيد من المعلومات عن مدى التوفّر وكيفية تفعيل الميزة في وقت سابق، يُرجى الاطّلاع على نمط الخريطة الجديد في "منصة خرائط Google".
تُعد هذه الصفحة دليلاً سريعًا لتصميم خريطتك، باستخدام "الوضع الليلي" كمثال.
نظرة عامة
وباستخدام خيارات النمط، يمكنك تخصيص طريقة عرض واجهة برمجة تطبيقات
أنماط الخريطة، وتغيير العرض المرئي لخصائص مثل الطرق والمتنزهات،
والشركات ونقاط الاهتمام الأخرى. هذا يعني أنه يمكنك التأكيد على
مكونات معينة من الخريطة أو تجعل الخريطة تكمل نمط
التطبيق.
لا يعمل التصميم إلا على نوع الخريطة kGMSTypeNormal.
تطبيق الأنماط على خريطتك
لتطبيق أنماط خريطة مخصّصة على خريطة، يمكنك الاتصال بالرقم GMSMapStyle(...) لإنشاء
مثيل GMSMapStyle، تمرير عنوان URL لملف JSON محلي أو JSON
سلسلة تحتوي على تعريفات النمط. إسناد المثيل GMSMapStyle إلى
سمة mapStyle على الخريطة
استخدام ملف JSON
تعرض الأمثلة التالية الاتصال بـ GMSMapStyle(...) وتمرير عنوان URL
ملف محلي:
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
لتحديد خيارات النمط، أضِف ملفًا جديدًا إلى مشروعك باسم style.json،
وألصِق بيان نمط JSON التالي لتصميم الوضع الليلي:
توضِّح الأمثلة التالية طلب الرقم GMSMapStyle(...) وتمرير سلسلة.
المصدر:
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
لتحديد خيارات النمط، الصق سلسلة النمط التالية كقيمة
متغير kMapStyle:
تستخدم الخرائط ذات الأنماط مفهومين لتطبيق الألوان وتغييرات الأنماط الأخرى على
الخريطة:
تحدد أدوات الاختيار المكونات الجغرافية التي يمكنك استخدامها.
النمط على الخريطة. وهي تشمل الطرق والمنتزهات والمسطحات المائية
وأكثر من ذلك، بالإضافة إلى تسمياتها. تتضمن أدوات الاختيار ميزات
والعناصر، المحددة على أنها featureType
موقعان (elementType)
أدوات النمط هي خصائص اللون ومستوى الرؤية التي يمكنك استخدامها
تطبيقها على عناصر الخريطة. تحدد اللون المعروض من خلال
مزيج من تدرج اللون واللون وقيم الإضاءة/غاما.
اطّلِع على مرجع النمط للحصول على وصف تفصيلي
خيارات تصميم JSON.
استخدام معالج تصميم النظام الأساسي لـ "خرائط Google" كطريقة سريعة
لإنشاء كائن نمط JSON. تدعم حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" لنظام التشغيل iOS
نفس نماذج البيانات مثل واجهة برمجة تطبيقات JavaScript للخرائط.
عيّنات التعليمات البرمجية الكاملة
يشمل مستودع ApiDemos على GitHub ما يلي:
العينات التي توضح استخدام التصميم.