إعداد خريطة

توضِّح هذه النظرة العامة كيفية ضبط خريطة تمت إضافتها إلى تطبيق iOS باستخدام حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" لتطبيقات iOS.

نظرة عامة

بعد إضافة خريطة إلى تطبيقك، يمكنك ضبط الخيارات الأولية وإعدادات وقت التشغيل للخريطة. لمعرفة التفاصيل عن إضافة حاوية خريطة، يُرجى الاطّلاع على مقالة إضافة خريطة.

تشمل الإعدادات الأولية للخريطة ما يلي:

• موضع الكاميرا، بما في ذلك الموقع الجغرافي والتكبير/التصغير والاتجاه والإمالة راجِع الكاميرا والعرض لمعرفة تفاصيل حول موضع الكاميرا.
• لون خلفية الخريطة
• نوع الخريطة
• مكونات واجهة المستخدم المطلوب عرضها، مثل أزرار التكبير/التصغير والcompass
• الإيماءات التي تريد تفعيلها

أثناء التشغيل، يمكنك ضبط هذه الإعدادات وبعض الإعدادات الإضافية من خلال تعديل عنصر GMSMapView.

خيارات الخريطة

عند بدء عرض الخريطة، يتم ضبط خيارات الضبط باستخدام GMSMapViewOptions. تشمل سمات الخيار frame أو camera أو mapID أو backgroundColor.

ضبط خيارات الخريطة

يمكنك ضبط سمات الخيارات الخاصة بك، أو تمرير GMSMapViewOptions تم إنشاؤه باستخدام قيم تلقائية مباشرةً إلى GMSMapView.

let options = GMSMapViewOptions()
options.camera = GMSCameraPosition.camera(withLatitude: -33.8683, longitude: 151.2086, zoom: 6)
let mapView = GMSMapView(options:options)

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                        longitude:151.2086
                                                             zoom:6];
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];

في ما يلي مثال على تمرير عنصر GMSMapViewOptions يحتوي على قيم تلقائية مباشرةً إلى GMSMapView.

let options = GMSMapViewOptions()
let mapView = GMSMapView(options:options) //initialized with default values

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options]; //initialized with default values

ضبط لون الخلفية

عند العمل في الوضع الداكن أو التبديل بين طرق عرض الخريطة، قد يكون من المفيد تجاوز اللون التلقائي لخلفية الخريطة. ويمكن تحقيق ذلك من خلال ضبط سمة خيارات الخريطة backgroundColor.

let options = GMSMapViewOptions()
options.backgroundColor = UIColor.yellowColor
let mapView = GMSMapView(options:options)

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.backgroundColor = UIColor.yellowColor;
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];

أنواع الخرائط

يمكنك تخصيص خريطتك باستخدام أحد أنواع الخرائط المتعددة. يحدّد نوع الخريطة التمثيل العام للخريطة. على سبيل المثال، يحتوي الأطلس عادةً على خرائط سياسية تركّز على عرض الحدود، وخرائط الطرق التي تعرض جميع الطرق في مدينة أو منطقة. تقدّم حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" لنظام التشغيل iOS الأنواع التالية من الخرائط:

تغيير نوع الخريطة

لضبط نوع خريطة، خصِّص قيمة جديدة للسمة GMSMapView.mapType. على سبيل المثال، لعرض نوع خريطة القمر الصناعي:

let options = GMSMapViewOptions()
options.camera = GMSCameraPosition.camera(withLatitude: -33.8683, longitude: 151.2086, zoom: 6)
let mapView = GMSMapView(options:options)
mapView.mapType = .satellite

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                  longitude:151.2086
                                                        zoom:6];
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];
mapView.mapType = kGMSTypeSatellite;

يعرض أداة الاختيار أدناه مقارنةً بين الخرائط العادية وخرائط التضاريس والخرائط الهجينة للموقع الجغرافي نفسه:

خرائط داخلية

عند مستويات التكبير العالية، ستعرض حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" لتطبيقات iOS مخطّطات الطوابق للفضاءات الداخلية، مثل المطارات ومراكز التسوّق والمتاجر الكبيرة لبائعي التجزئة ومحطات وسائل النقل العامة. يتم دمج مخططات الطوابق الداخلية في مربّعات الخريطة التلقائية لنوع الخريطة "عادي" (kGMSTypeNormal)، ويتم تفعيلها تلقائيًا عندما يزداد حجم الخريطة، وتتلاشى عندما يتم تصغيرها.

يمكنك إيقاف الخرائط الداخلية من خلال ضبط السمة indoorEnabled لملف ‎ GMSMapView على NO.

mapView.isIndoorEnabled = false
      

mapView.indoorEnabled = NO;
      

بدلاً من ذلك، يمكنك إيقاف عنصر التحكّم في أداة اختيار الطوابق فقط.

إضافة مخطّطات الطوابق

تتوفّر المخطّطات الأرضية في مواقع جغرافية محدّدة. إذا لم تكن بيانات المخطّط الأرضي متاحة لمبنى تريد إبرازه في طلبك، يمكنك إجراء ما يلي:

• إضافة خطط الطابق إلى "خرائط Google" مباشرةً وهذا يجعل خططك متاحة لجميع مستخدمي "خرائط Google".
• عرض مخطّط أرضي كـ عنصر مركب على سطح الأرض يتيح هذا الخيار فقط لمستخدمي تطبيقك عرض خطط الطوابق.

طبقة كثافة حركة المرور

يمكنك منح المستخدمين إمكانية عرض الخريطة مع معلومات كثافة حركة المرور المتراكبة عليها. يوفّر هذا الملخّص المرئي معلومات عن حركة المرور المحلية. يمكنك تفعيل طبقة حركة المرور وإيقافها من خلال استدعاء trafficEnabled الطريقة. يوضّح المثال التالي كيفية ظهور طبقة حركة المرور على الخريطة.

تسهيل الاستخدام

تكون عناصر تسهيل الاستخدام على الخريطة مخفية تلقائيًا. يمكنك تفعيل تسهيل الاستخدام من خلال ضبط سمة accessibilityElementsHidden لسمة GMSMapView على NO. يؤدي ذلك إلى إنشاء عناصر تسهيل الاستخدام لعناصر التراكب (مثل GMSMarker ونوافذ المعلومات وGMSPolyline وما إلى ذلك).

mapView.accessibilityElementsHidden = false
      

mapView.accessibilityElementsHidden = NO;
      

تتّبع هذه السمة بروتوكول UIAccessibility غير الرسمي، باستثناء أنّ القيمة الافتراضية في حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" لنظام التشغيل iOS هي YES.

موقعي الجغرافي

لا تظهر أي بيانات موقع جغرافي على الخريطة تلقائيًا. يمكنك تفعيل النقطة الزرقاء "موقعي" واتجاه البوصلة من خلال ضبط myLocationEnabled على GMSMapView.

mapView.isMyLocationEnabled = true
      

mapView.myLocationEnabled = YES;
      

يؤدي تفعيل هذه الميزة إلى عرض الموقع الجغرافي الحالي للمستخدم من خلال السمة myLocation. قد لا يكون هذا الموقع متاحًا على الفور، مثلاً، إذا طلب نظام التشغيل iOS من المستخدم السماح بالوصول إلى هذه البيانات. وهي nil في هذه الحالة.

print("User's location: \(String(describing: mapView.myLocation))")
      

NSLog(@"User's location: %@", mapView.myLocation);
      

مبانٍ ثلاثية الأبعاد

عند عرض العديد من المدن عن قرب، ستظهر المباني الثلاثية الأبعاد، كما هو موضّح في صورة سياتل، واشنطن أدناه.

يمكنك إيقاف المباني الثلاثية الأبعاد من خلال ضبط السمة GMSMapView المقابلة لها في Swift أو Objective-C، كما هو موضّح أدناه:

mapView.isBuildingsEnabled = false
      

[mapView setBuildingsEnabled:NO];
      

تحجيم الخريطة

تم تصميم خريطة Google لملء المنطقة بأكملها التي تحدّدها GMSMapView. يتم تحديد العديد من جوانب كيفية ظهور الخريطة وسلوكها من خلال سمات طريقة العرض:

• يعكس هدف الكاميرا مركز المنطقة المبطّنة.
• يتم وضع عناصر التحكّم في الخريطة بالنسبة إلى حواف الخريطة.
• تظهر المعلومات القانونية، مثل بيانات حقوق الطبع والنشر أو شعار Google، على جانب الخريطة السفلي.

يمكنك إضافة مسافة حول حواف الخريطة باستخدام الرمز GMSMapView.خاصية padding. تستمرّ الخريطة في ملء الحاوية بأكملها، ولكنّ موضع النص وعناصر التحكّم وإيماءات الخريطة وحركات الكاميرا تتصرف كما لو تمّ وضعها في مساحة أصغر. يؤدّي ذلك إلى إجراء التغييرات التالية:

• إنّ حركات الكاميرا باستخدام طلبات البيانات من واجهة برمجة التطبيقات أو الضغط على الأزرار (مثل البوصلة و"موقعي الجغرافي") تكون نسبية إلى المنطقة المخصّصة للعرض.
• تعرِض GMSMapView.projection إسقاطًا يتضمّن المنطقة التي تمّت تعبئتها فقط.
• يتمّ إزاحة عناصر التحكّم في واجهة المستخدم عن حافة الحاوية بعدد نقاط محدّد.

يمكن أن يكون الخلوص مفيدًا عند تصميم واجهات مستخدم تتداخل مع جزء من الخريطة. على سبيل المثال، في الصورة، تمّت إضافة مساحة فارغة على جانبَي الخريطة العلوي والأيمن. يتم عرض عناصر التحكّم في الخريطة والنص القانوني المرئيَين على حواف المنطقة المخصّصة للإعلانات، والتي تظهر باللون الأخضر، بينما تستمر الخريطة في ملء الحاوية بأكملها، والتي تظهر باللون الأزرق. في هذا المثال، يمكنك عرض قائمة على الجانب الأيسر من الخريطة بدون حجب عناصر التحكّم في الخريطة.

لإضافة مسافة بادئة إلى خريطتك، أنشئ عنصرًا من النوع UIEdgeInsets وأرسِله إلى العنصر GMSMapView.padding.

// Insets are specified in this order: top, left, bottom, right
let mapInsets = UIEdgeInsets(top: 100.0, left: 0.0, bottom: 0.0, right: 300.0)
mapView.padding = mapInsets
      

// Insets are specified in this order: top, left, bottom, right
UIEdgeInsets mapInsets = UIEdgeInsetsMake(100.0, 0.0, 0.0, 300.0);
mapView.padding = mapInsets;
      

الألوان على الخريطة

بالنسبة إلى الخرائط من النوع العادي والتضاريس، يمكنك ضبط مخطط ألوان الخريطة على داكن أو فاتح أو استخدام إعدادات النظام الحالية. على سبيل المثال، يمكنك تخفيف أو تكثيف نظام ألوان الخريطة استنادًا إلى وقت اليوم أو استخدام الجهاز في الداخل أو الخارج.

استخدِم GMSMapView overrideUserInterfaceStyle: لضبط مخطط ألوان الخريطة وتعديله.

let options = GMSMapViewOptions()
// Map is init to use light mode by default.
let mapView = GMSMapView(options: options)
// Set map to use dark mode.
mapView.overrideUserInterfaceStyle = .dark
// Set map to use light mode.
mapView.overrideUserInterfaceStyle = .light
// Set map to use dark/light mode based on the value of traitCollection.userInterfaceStyle
mapView.overrideUserInterfaceStyle = .unspecified

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
// Map is init to always use light mode.
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];
// Set map to use dark mode.
mapView.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
// Set map to use light mode.
mapView.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
// Set map to use dark/light mode based on the value of traitCollection.userInterfaceStyle
mapView.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;