تحديد المكان الحالي وعرض التفاصيل على الخريطة
يوضح لك هذا البرنامج التعليمي كيفية إنشاء تطبيق iOS من أجل:
- الحصول على موقع الجهاز الحالي.
- احصل على قائمة بالأماكن التي يُحتمل أن يكون الجهاز فيها.
- اطلب من المستخدم أفضل مطابقة للمكان.
- إظهار محدّد موقع على الخريطة.
اتبع هذا البرنامج التعليمي لإنشاء تطبيق iOS باستخدام تطبيق الأماكن المخصص لـ iOS و الخرائط SDK لنظام التشغيل iOS و إطار عمل Apple Core Location.
جارٍ الحصول على الرمز
استنسِخ Google Maps SDK for iOS من GitHub أو نزِّله.
إعداد مشروع التطوير
اتبع الخطوات التالية لتثبيت الأماكن SDK لنظام التشغيل iOS والخرائط SDK لنظام التشغيل iOS:
- نزّل وثبّت Xcode الإصدار 13.0 أو إصدارًا أحدث.
- إذا لم يكن لديك CocoaPods من قبل، يمكنك تثبيته على نظام التشغيل macOS من خلال تشغيل الأمر التالي من الوحدة الطرفية:
sudo gem install cocoapods
- في الدليل الذي حفظت فيه نموذج المستودع (الحصول على الرمز)، انتقِل إلى الدليل
tutorials/current-place-on-map
. - شغّل الأمر
pod install
. يؤدي ذلك إلى تثبيت واجهات برمجة التطبيقات المحدّدة فيPodfile
، وأي تبعيات قد تتوفر لديهم. - يمكنك تشغيل
pod outdated
لمقارنة إصدار اللوحة المثبَّتة بأي تحديثات جديدة. إذا تم اكتشاف إصدار جديد، شغِّلpod update
لتحديثPodfile
وتثبيت أحدث حزمة SDK. لمزيد من التفاصيل، راجع دليل CocoaPods. - افتح (النقر المزدوج) مساحة العمل الحالية على المشروع -c.xc لفتحها في Xcode. يجب استخدام ملف
.xcworkspace
لفتح المشروع.
للحصول على إرشادات تثبيت تفصيلية، اطّلع على الخطوات الأولى (الخرائط) و الخطوات الأولى (الأماكن).
تمكين واجهات برمجة التطبيقات اللازمة والحصول على مفتاح واجهة برمجة تطبيقات
لإكمال هذا البرنامج التعليمي، تحتاج إلى مفتاح Google API مسموح له باستخدام "خرائط Google" SDK لنظام التشغيل iOS والأماكن API.
- اتبع الإرشادات الواردة في بدء استخدام Google Maps Platform لإعداد حساب فوترة ومشروع تم تمكينه مع كلا المنتجين.
- اتّبِع التعليمات الواردة في الحصول على مفتاح واجهة برمجة تطبيقات لإنشاء مفتاح واجهة برمجة تطبيقات لمشروع التطوير الذي أعددته سابقًا.
إضافة مفتاح واجهة برمجة التطبيقات إلى تطبيقك
أضِف مفتاح واجهة برمجة التطبيقات إلى AppDelegate.swift
على النحو التالي:
- تجدر الإشارة إلى أنه تمت إضافة عبارة الاستيراد التالية إلى الملف:
import GooglePlaces import GoogleMaps
- عدِّل السطر التالي في طريقة
application(_:didFinishLaunchingWithOptions:)
، مع استبدال YOUR_API_KEY بمفتاح واجهة برمجة التطبيقات:GMSPlacesClient.provideAPIKey("YOUR_API_KEY") GMSServices.provideAPIKey("YOUR_API_KEY")
إنشاء تطبيقك وتشغيله
- يمكنك توصيل جهاز iOS بجهاز الكمبيوتر أو اختيار محاكي من القائمة المنبثقة لنظام Xcode.
- إذا كنت تستخدم جهازًا، فتأكد من تمكين خدمات الموقع. إذا كنت تستخدم محاكيًا، اختَر موقعًا جغرافيًا من قائمة الميزات.
- في Xcode، انقر على خيار القائمة Product/Run (المنتج/التشغيل) (أو على رمز الزر "تشغيل").
- ينشئ Xcode التطبيق، ثم يشغِّل التطبيق على الجهاز أو على المحاكي.
- من المفترض أن تظهر لك خريطة مع عدد من العلامات المتمركزة حول موقعك الحالي.
تحرّي الخلل وإصلاحه:
- إذا لم تظهر لك خريطة، تأكّد من أنك حصلت على مفتاح واجهة برمجة تطبيقات وأضفته إلى التطبيق، كما هو موضّح أعلاه. تحقَّق من وحدة تصحيح الأخطاء في Xcode بحثًا عن رسائل الخطأ المتعلقة بمفتاح واجهة برمجة التطبيقات.
- في حال تقييد مفتاح واجهة برمجة التطبيقات باستخدام معرّف حزمة iOS، يمكنك تعديل المفتاح لإضافة معرّف الحزمة للتطبيق:
com.google.examples.current-place-on-map
. - لن يتم عرض الخريطة بشكل صحيح إذا تم رفض طلب الأذونات
للحصول على خدمات الموقع الجغرافي.
- إذا كنت تستخدم جهازًا، انتقِل إلى الإعدادات/الإعدادات العامة/الخصوصية/خدمات الموقع الجغرافي، وأعِد تفعيل خدمات الموقع الجغرافي.
- إذا كنت تستخدم محاكيًا، فانتقل إلى المحاكي/إعادة تعيين المحتوى والإعدادات...
- تأكد من أن لديك اتصال جيد عبر WiFi أو GPS.
- إذا تم تشغيل التطبيق ولكن لم يتم عرض خريطة، تأكّد من تحديث ملف Info.plist لمشروعك باستخدام أذونات مناسبة للموقع الجغرافي. للحصول على مزيد من المعلومات حول التعامل مع الأذونات، يمكنك الاطّلاع على دليل طلب إذن تحديد الموقع الجغرافي في تطبيقك أدناه.
- استخدِم أدوات تصحيح الأخطاء في Xcode لعرض السجلّات وتصحيح الأخطاء في التطبيق.
فهم الشفرة
يوضح هذا الجزء من البرنامج التعليمي الأجزاء الأكثر أهمية من تطبيقالمكان الحالي على الخريطة، وذلك لمساعدتك في فهم كيفية إنشاء تطبيق مشابه.
يتضمن تطبيق المكان الحالي على الخريطة وحدتي تحكم في العرض: إحداهما لعرض خريطة توضح المكان المحدد للمستخدم حاليًا، والأخرى لتقدم إلى المستخدم قائمة بالأماكن المحتملة للاختيار منها. لاحظ أن كل وحدة تحكم في الملف الشخصي لها المتغيرات نفسها لتتبع قائمة الأماكن المُحتملة (likelyPlaces
)، وللإشارة إلى اختيار المستخدم (selectedPlace
). يتم استكمال التنقل بين طرق العرض باستخدام الشرائح.
طلب إذن تحديد الموقع الجغرافي
يجب أن يطلب تطبيقك من المستخدم الموافقة على استخدام خدمات الموقع الجغرافي. ولإجراء ذلك، عليك تضمين المفتاح NSLocationAlwaysUsageDescription
في ملف
Info.plist
الخاص بالتطبيق وضبط قيمة كل مفتاح على
سلسلة توضّح كيفية استخدام التطبيق لبيانات الموقع الجغرافي.
إعداد مدير الموقع الجغرافي
استخدِم CLLocationManager للعثور على الموقع الجغرافي الحالي للجهاز ولطلب تحديثات منتظمة عندما ينتقل الجهاز إلى موقع جغرافي جديد. يقدم هذا البرنامج التعليمي الشفرة التي تحتاجها للحصول على موقع الجهاز. للحصول على مزيد من التفاصيل، يمكنك الاطلاع على دليل الحصول على موقع المستخدم في مستندات مطوّري برامج Apple.
- حدد مدير الموقع، والموقع الحالي، وعرض الخريطة، ومكان العميل، ومستوى التكبير/التصغير الافتراضي على مستوى الفصل الدراسي.
- إعداد مدير الموقع الجغرافي و
GMSPlacesClient
فيviewDidLoad()
. - أعلن عن المتغيرات للاحتفاظ بقائمة الأماكن المحتملة والمكان المحدد للمستخدم.
- أضف مفوّضين للتعامل مع الأحداث لمدير الموقع الجغرافي، باستخدام شرط إضافة.
Swift
var locationManager: CLLocationManager! var currentLocation: CLLocation? var mapView: GMSMapView! var placesClient: GMSPlacesClient! var preciseLocationZoomLevel: Float = 15.0 var approximateLocationZoomLevel: Float = 10.0
Objective-C
CLLocationManager *locationManager; CLLocation * _Nullable currentLocation; GMSMapView *mapView; GMSPlacesClient *placesClient; float preciseLocationZoomLevel; float approximateLocationZoomLevel;
Swift
// Initialize the location manager. locationManager = CLLocationManager() locationManager.desiredAccuracy = kCLLocationAccuracyBest locationManager.requestWhenInUseAuthorization() locationManager.distanceFilter = 50 locationManager.startUpdatingLocation() locationManager.delegate = self placesClient = GMSPlacesClient.shared()
Objective-C
// Initialize the location manager. locationManager = [[CLLocationManager alloc] init]; locationManager.desiredAccuracy = kCLLocationAccuracyBest; [locationManager requestWhenInUseAuthorization]; locationManager.distanceFilter = 50; [locationManager startUpdatingLocation]; locationManager.delegate = self; placesClient = [GMSPlacesClient sharedClient];
Swift
// An array to hold the list of likely places. var likelyPlaces: [GMSPlace] = [] // The currently selected place. var selectedPlace: GMSPlace?
Objective-C
// An array to hold the list of likely places. NSMutableArray<GMSPlace *> *likelyPlaces; // The currently selected place. GMSPlace * _Nullable selectedPlace;
Swift
// Delegates to handle events for the location manager. extension MapViewController: CLLocationManagerDelegate { // Handle incoming location events. func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) { let location: CLLocation = locations.last! print("Location: \(location)") let zoomLevel = locationManager.accuracyAuthorization == .fullAccuracy ? preciseLocationZoomLevel : approximateLocationZoomLevel let camera = GMSCameraPosition.camera(withLatitude: location.coordinate.latitude, longitude: location.coordinate.longitude, zoom: zoomLevel) if mapView.isHidden { mapView.isHidden = false mapView.camera = camera } else { mapView.animate(to: camera) } listLikelyPlaces() } // Handle authorization for the location manager. func locationManager(_ manager: CLLocationManager, didChangeAuthorization status: CLAuthorizationStatus) { // Check accuracy authorization let accuracy = manager.accuracyAuthorization switch accuracy { case .fullAccuracy: print("Location accuracy is precise.") case .reducedAccuracy: print("Location accuracy is not precise.") @unknown default: fatalError() } // Handle authorization status switch status { case .restricted: print("Location access was restricted.") case .denied: print("User denied access to location.") // Display the map using the default location. mapView.isHidden = false case .notDetermined: print("Location status not determined.") case .authorizedAlways: fallthrough case .authorizedWhenInUse: print("Location status is OK.") @unknown default: fatalError() } } // Handle location manager errors. func locationManager(_ manager: CLLocationManager, didFailWithError error: Error) { locationManager.stopUpdatingLocation() print("Error: \(error)") } }
Objective-C
// Delegates to handle events for the location manager. #pragma mark - CLLocationManagerDelegate // Handle incoming location events. - (void)locationManager:(CLLocationManager *)manager didUpdateLocations:(NSArray<CLLocation *> *)locations { CLLocation *location = locations.lastObject; NSLog(@"Location: %@", location); float zoomLevel = locationManager.accuracyAuthorization == CLAccuracyAuthorizationFullAccuracy ? preciseLocationZoomLevel : approximateLocationZoomLevel; GMSCameraPosition * camera = [GMSCameraPosition cameraWithLatitude:location.coordinate.latitude longitude:location.coordinate.longitude zoom:zoomLevel]; if (mapView.isHidden) { mapView.hidden = NO; mapView.camera = camera; } else { [mapView animateToCameraPosition:camera]; } [self listLikelyPlaces]; } // Handle authorization for the location manager. - (void)locationManager:(CLLocationManager *)manager didChangeAuthorizationStatus:(CLAuthorizationStatus)status { // Check accuracy authorization CLAccuracyAuthorization accuracy = manager.accuracyAuthorization; switch (accuracy) { case CLAccuracyAuthorizationFullAccuracy: NSLog(@"Location accuracy is precise."); break; case CLAccuracyAuthorizationReducedAccuracy: NSLog(@"Location accuracy is not precise."); break; } // Handle authorization status switch (status) { case kCLAuthorizationStatusRestricted: NSLog(@"Location access was restricted."); break; case kCLAuthorizationStatusDenied: NSLog(@"User denied access to location."); // Display the map using the default location. mapView.hidden = NO; case kCLAuthorizationStatusNotDetermined: NSLog(@"Location status not determined."); case kCLAuthorizationStatusAuthorizedAlways: case kCLAuthorizationStatusAuthorizedWhenInUse: NSLog(@"Location status is OK."); } } // Handle location manager errors. - (void)locationManager:(CLLocationManager *)manager didFailWithError:(NSError *)error { [manager stopUpdatingLocation]; NSLog(@"Error: %@", error.localizedDescription); }
إضافة خريطة
أنشئ خريطة وأضفها إلى العرض في viewDidLoad()
في وحدة التحكم الرئيسية في العرض. ستظل الخريطة مخفية إلى أن يتم تلقي تحديث الموقع
(يتم التعامل مع تحديثات الموقع في إضافة CLLocationManagerDelegate
).
Swift
// A default location to use when location permission is not granted. let defaultLocation = CLLocation(latitude: -33.869405, longitude: 151.199) // Create a map. let zoomLevel = locationManager.accuracyAuthorization == .fullAccuracy ? preciseLocationZoomLevel : approximateLocationZoomLevel let camera = GMSCameraPosition.camera(withLatitude: defaultLocation.coordinate.latitude, longitude: defaultLocation.coordinate.longitude, zoom: zoomLevel) mapView = GMSMapView.map(withFrame: view.bounds, camera: camera) mapView.settings.myLocationButton = true mapView.autoresizingMask = [.flexibleWidth, .flexibleHeight] mapView.isMyLocationEnabled = true // Add the map to the view, hide it until we've got a location update. view.addSubview(mapView) mapView.isHidden = true
Objective-C
// A default location to use when location permission is not granted. CLLocationCoordinate2D defaultLocation = CLLocationCoordinate2DMake(-33.869405, 151.199); // Create a map. float zoomLevel = locationManager.accuracyAuthorization == CLAccuracyAuthorizationFullAccuracy ? preciseLocationZoomLevel : approximateLocationZoomLevel; GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:defaultLocation.latitude longitude:defaultLocation.longitude zoom:zoomLevel]; mapView = [GMSMapView mapWithFrame:self.view.bounds camera:camera]; mapView.settings.myLocationButton = YES; mapView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight; mapView.myLocationEnabled = YES; // Add the map to the view, hide it until we've got a location update. [self.view addSubview:mapView]; mapView.hidden = YES;
مطالبة المستخدم بتحديد مكانه الحالي
استخدم حزمة تطوير البرامج (SDK) للأماكن لأجهزة iOS للحصول على أفضل خمسة احتمالات للأماكن استنادًا إلى الموقع الجغرافي الحالي للمستخدم، واعرض القائمة في UITableView
. عندما يحدد المستخدم مكانًا، أضف محدد موقع إلى الخريطة.
- احصل على قائمة بالأماكن المحتملة لتعبئة
UITableView
، والتي يمكن للمستخدم من خلالها اختيار المكان الذي يقيم فيه حاليًا. - افتح ملفًا شخصيًا جديدًا لعرض الأماكن المحتملة للمستخدم. عندما ينقر المستخدم على "الحصول على مكان"، ننتقل إلى عرض جديد، ونعرض للمستخدم قائمة بالأماكن المحتملة التي يمكن الاختيار من بينها. يتم تحديث الدالة
prepare
PlacesViewController
من خلال قائمة بالأماكن المُحتمَلة الحالية، ويتم استدعاؤها تلقائيًا عند تنفيذ جلسة. - في
PlacesViewController
، املأ الجدول باستخدام قائمة الأماكن الأكثر احتمالاً، باستخدام إضافة التفويض لـUITableViewDataSource
. - تعامل مع تحديد المستخدم باستخدام إضافة التفويض
UITableViewDelegate
.
Swift
// Populate the array with the list of likely places. func listLikelyPlaces() { // Clean up from previous sessions. likelyPlaces.removeAll() let placeFields: GMSPlaceField = [.name, .coordinate] placesClient.findPlaceLikelihoodsFromCurrentLocation(withPlaceFields: placeFields) { (placeLikelihoods, error) in guard error == nil else { // TODO: Handle the error. print("Current Place error: \(error!.localizedDescription)") return } guard let placeLikelihoods = placeLikelihoods else { print("No places found.") return } // Get likely places and add to the list. for likelihood in placeLikelihoods { let place = likelihood.place self.likelyPlaces.append(place) } } }
Objective-C
// Populate the array with the list of likely places. - (void) listLikelyPlaces { // Clean up from previous sessions. likelyPlaces = [NSMutableArray array]; GMSPlaceField placeFields = GMSPlaceFieldName | GMSPlaceFieldCoordinate; [placesClient findPlaceLikelihoodsFromCurrentLocationWithPlaceFields:placeFields callback:^(NSArray<GMSPlaceLikelihood *> * _Nullable likelihoods, NSError * _Nullable error) { if (error != nil) { // TODO: Handle the error. NSLog(@"Current Place error: %@", error.localizedDescription); return; } if (likelihoods == nil) { NSLog(@"No places found."); return; } for (GMSPlaceLikelihood *likelihood in likelihoods) { GMSPlace *place = likelihood.place; [likelyPlaces addObject:place]; } }]; }
Swift
// Prepare the segue. override func prepare(for segue: UIStoryboardSegue, sender: Any?) { if segue.identifier == "segueToSelect" { if let nextViewController = segue.destination as? PlacesViewController { nextViewController.likelyPlaces = likelyPlaces } } }
Objective-C
// Prepare the segue. - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { if ([segue.identifier isEqualToString:@"segueToSelect"]) { if ([segue.destinationViewController isKindOfClass:[PlacesViewController class]]) { PlacesViewController *placesViewController = (PlacesViewController *)segue.destinationViewController; placesViewController.likelyPlaces = likelyPlaces; } } }
Swift
// Populate the table with the list of most likely places. extension PlacesViewController: UITableViewDataSource { func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return likelyPlaces.count } func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier, for: indexPath) let collectionItem = likelyPlaces[indexPath.row] cell.textLabel?.text = collectionItem.name return cell } }
Objective-C
#pragma mark - UITableViewDataSource - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return self.likelyPlaces.count; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { return [tableView dequeueReusableCellWithIdentifier:cellReuseIdentifier forIndexPath:indexPath]; } @end
Swift
class PlacesViewController: UIViewController { // ... // Pass the selected place to the new view controller. override func prepare(for segue: UIStoryboardSegue, sender: Any?) { if segue.identifier == "unwindToMain" { if let nextViewController = segue.destination as? MapViewController { nextViewController.selectedPlace = selectedPlace } } } } // Respond when a user selects a place. extension PlacesViewController: UITableViewDelegate { func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { selectedPlace = likelyPlaces[indexPath.row] performSegue(withIdentifier: "unwindToMain", sender: self) } // Adjust cell height to only show the first five items in the table // (scrolling is disabled in IB). func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { return self.tableView.frame.size.height/5 } // Make table rows display at proper height if there are less than 5 items. func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat { if (section == tableView.numberOfSections - 1) { return 1 } return 0 } }
Objective-C
@interface PlacesViewController () <UITableViewDataSource, UITableViewDelegate> // ... -(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { } #pragma mark - UITableViewDelegate // Respond when a user selects a place. -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { self.selectedPlace = [self.likelyPlaces objectAtIndex:indexPath.row]; [self performSegueWithIdentifier:@"unwindToMain" sender:self]; } // Adjust cell height to only show the first five items in the table // (scrolling is disabled in IB). -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { return self.tableView.frame.size.height/5; } // Make table rows display at proper height if there are less than 5 items. -(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section { if (section == tableView.numberOfSections - 1) { return 1; } return 0; }
إضافة علامة إلى الخريطة
عندما يحدد المستخدم تحديدًا، استخدم جلسة الاسترخاء للعودة إلى العرض السابق، وأضف العلامة إلى الخريطة. ويتم استدعاء عرض الإعلان unwindToMain
تلقائيًا عند الرجوع إلى وحدة التحكم الرئيسية في العرض.
Swift
// Update the map once the user has made their selection. @IBAction func unwindToMain(segue: UIStoryboardSegue) { // Clear the map. mapView.clear() // Add a marker to the map. if let place = selectedPlace { let marker = GMSMarker(position: place.coordinate) marker.title = selectedPlace?.name marker.snippet = selectedPlace?.formattedAddress marker.map = mapView } listLikelyPlaces() }
Objective-C
// Update the map once the user has made their selection. - (void) unwindToMain:(UIStoryboardSegue *)segue { // Clear the map. [mapView clear]; // Add a marker to the map. if (selectedPlace != nil) { GMSMarker *marker = [GMSMarker markerWithPosition:selectedPlace.coordinate]; marker.title = selectedPlace.name; marker.snippet = selectedPlace.formattedAddress; marker.map = mapView; } [self listLikelyPlaces]; }
تهانينا! لقد أنشأت تطبيق iOS يسمح للمستخدم باختيار مكانه الحالي، ويعرض النتيجة على خريطة Google. وفي أثناء القيام بذلك، تعلمت كيفية استخدام الأماكن SDK لـ iOS، والخرائط SDK لنظام التشغيل iOS، وإطار عمل Apple Core.