השלמה אוטומטית של מקומות

שירות ההשלמה האוטומטית ב-Place SDK ל-iOS מחזיר חיזויים של מקומות בתגובה לשאילתות החיפוש של המשתמשים. תוך כדי הקלדה, שירות ההשלמה האוטומטית מחזיר הצעות למקומות כמו עסקים, כתובות, קודי Plus ונקודות עניין.

אפשר להוסיף לאפליקציה השלמה אוטומטית בדרכים הבאות:

• הוספת בקרה של השלמה אוטומטית בממשק המשתמש כדי לחסוך זמן פיתוח ולהבטיח חוויית משתמש עקבית.
• קבלת חיזויים לגבי מקומות באופן פרוגרמטי כדי ליצור חוויית משתמש מותאמת אישית.

הוספת פקד של ממשק משתמש להשלמה אוטומטית

אמצעי הבקרה של ההשלמה האוטומטית בממשק המשתמש הוא תיבת דו-שיח של חיפוש עם פונקציונליות מובנית של השלמה אוטומטית. כשמשתמש מזין מונחי חיפוש, אמצעי הבקרה מציג רשימה של מקומות חזויים לבחירה. כשהמשתמשים בוחרים אפשרות, מוחזרת מכונה של GMSPlace, והאפליקציה יכולה להשתמש בה כדי לקבל פרטים על המקום שנבחר.

אפשר להוסיף לאפליקציה את הפקד של ההשלמה האוטומטית בממשק המשתמש בדרכים הבאות:

• הוספת פקד של מסך מלא
• הוספה של בקר תוצאות
• שימוש במקור נתונים של טבלה

הוספת פקד של מסך מלא

משתמשים בפקדים במסך מלא כשרוצים להגדיר הקשר מודאלי, שבו ממשק המשתמש להשלמה אוטומטית מחליף באופן זמני את ממשק המשתמש של האפליקציה עד שהמשתמש בוחר אפשרות. הפונקציונליות הזו מסופקת על ידי המחלקה GMSAutocompleteViewController. כשהמשתמש בוחר מקום, האפליקציה מקבלת קריאה חוזרת (callback).

כדי להוסיף לאפליקציה פקד של מסך מלא:

1. צריך ליצור רכיב בממשק המשתמש באפליקציה הראשית כדי להפעיל את הרכיב האינטראקטיבי להשלמה אוטומטית של ממשק המשתמש, למשל handler מגע ב-UIButton.
2. מטמיעים את הפרוטוקול GMSAutocompleteViewControllerDelegate בבקרת התצוגה המפורטת ברמת ההורה.
3. יוצרים מכונה של GMSAutocompleteViewController ומקצים את נאמן המידע הראשי של התצוגה המפורטת כנכס להענקת גישה.
4. יוצרים GMSPlaceField כדי להגדיר את הסוגים של נתוני המקום שיוחזרו.
5. מוסיפים GMSAutocompleteFilter כדי להגביל את השאילתה לסוג מקום מסוים.
6. מציגים את GMSAutocompleteViewController באמצעות [self presentViewController...].
7. טיפול בבחירה של המשתמש באמצעות השיטה didAutocompleteWithPlace להענקת גישה.
8. אפשר לסגור את הבקר בשיטות להענקת גישה didAutocompleteWithPlace, didFailAutocompleteWithError ו-wasCancelled.

הדוגמה הבאה ממחישה דרך אחת להפעלה של GMSAutocompleteViewController בתגובה למשתמש שמקישים על לחצן.

import UIKit
import GooglePlaces

class ViewController: UIViewController {

  override func viewDidLoad() {
    makeButton()
  }

  // Present the Autocomplete view controller when the button is pressed.
  @objc func autocompleteClicked(_ sender: UIButton) {
    let autocompleteController = GMSAutocompleteViewController()
    autocompleteController.delegate = self

    // Specify the place data types to return.
    let fields: GMSPlaceField = GMSPlaceField(rawValue: UInt(GMSPlaceField.name.rawValue) |
      UInt(GMSPlaceField.placeID.rawValue))!
    autocompleteController.placeFields = fields

    // Specify a filter.
    let filter = GMSAutocompleteFilter()
    filter.types = [.address]
    autocompleteController.autocompleteFilter = filter

    // Display the autocomplete view controller.
    present(autocompleteController, animated: true, completion: nil)
  }

  // Add a button to the view.
  func makeButton() {
    let btnLaunchAc = UIButton(frame: CGRect(x: 5, y: 150, width: 300, height: 35))
    btnLaunchAc.backgroundColor = .blue
    btnLaunchAc.setTitle("Launch autocomplete", for: .normal)
    btnLaunchAc.addTarget(self, action: #selector(autocompleteClicked), for: .touchUpInside)
    self.view.addSubview(btnLaunchAc)
  }

}

extension ViewController: GMSAutocompleteViewControllerDelegate {

  // Handle the user's selection.
  func viewController(_ viewController: GMSAutocompleteViewController, didAutocompleteWith place: GMSPlace) {
    print("Place name: \(place.name)")
    print("Place ID: \(place.placeID)")
    print("Place attributions: \(place.attributions)")
    dismiss(animated: true, completion: nil)
  }

  func viewController(_ viewController: GMSAutocompleteViewController, didFailAutocompleteWithError error: Error) {
    // TODO: handle the error.
    print("Error: ", error.localizedDescription)
  }

  // User canceled the operation.
  func wasCancelled(_ viewController: GMSAutocompleteViewController) {
    dismiss(animated: true, completion: nil)
  }

  // Turn the network activity indicator on and off again.
  func didRequestAutocompletePredictions(_ viewController: GMSAutocompleteViewController) {
    UIApplication.shared.isNetworkActivityIndicatorVisible = true
  }

  func didUpdateAutocompletePredictions(_ viewController: GMSAutocompleteViewController) {
    UIApplication.shared.isNetworkActivityIndicatorVisible = false
  }

}

#import "ViewController.h"
@import GooglePlaces;

@interface ViewController () <GMSAutocompleteViewControllerDelegate>

@end

@implementation ViewController {
  GMSAutocompleteFilter *_filter;
}

- (void)viewDidLoad {
  [super viewDidLoad];
  [self makeButton];
}

  // Present the autocomplete view controller when the button is pressed.
- (void)autocompleteClicked {
  GMSAutocompleteViewController *acController = [[GMSAutocompleteViewController alloc] init];
  acController.delegate = self;

  // Specify the place data types to return.
  GMSPlaceField fields = (GMSPlaceFieldName | GMSPlaceFieldPlaceID);
  acController.placeFields = fields;

  // Specify a filter.
  _filter = [[GMSAutocompleteFilter alloc] init];
  _filter.types = @[ kGMSPlaceTypeBank ];
  acController.autocompleteFilter = _filter;

  // Display the autocomplete view controller.
  [self presentViewController:acController animated:YES completion:nil];
}

  // Add a button to the view.
- (void)makeButton{
  UIButton *btnLaunchAc = [UIButton buttonWithType:UIButtonTypeCustom];
  [btnLaunchAc addTarget:self
             action:NSSelectorFromString(@"autocompleteClicked") forControlEvents:UIControlEventTouchUpInside];
  [btnLaunchAc setTitle:@"Launch autocomplete" forState:UIControlStateNormal];
  btnLaunchAc.frame = CGRectMake(5.0, 150.0, 300.0, 35.0);
  btnLaunchAc.backgroundColor = [UIColor blueColor];
  [self.view addSubview:btnLaunchAc];
}

  // Handle the user's selection.
- (void)viewController:(GMSAutocompleteViewController *)viewController
didAutocompleteWithPlace:(GMSPlace *)place {
  [self dismissViewControllerAnimated:YES completion:nil];
  // Do something with the selected place.
  NSLog(@"Place name %@", place.name);
  NSLog(@"Place ID %@", place.placeID);
  NSLog(@"Place attributions %@", place.attributions.string);
}

- (void)viewController:(GMSAutocompleteViewController *)viewController
didFailAutocompleteWithError:(NSError *)error {
  [self dismissViewControllerAnimated:YES completion:nil];
  // TODO: handle the error.
  NSLog(@"Error: %@", [error description]);
}

  // User canceled the operation.
- (void)wasCancelled:(GMSAutocompleteViewController *)viewController {
  [self dismissViewControllerAnimated:YES completion:nil];
}

  // Turn the network activity indicator on and off again.
- (void)didRequestAutocompletePredictions:(GMSAutocompleteViewController *)viewController {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
}

- (void)didUpdateAutocompletePredictions:(GMSAutocompleteViewController *)viewController {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
}

@end

הוספה של בקר תוצאות

אם אתם רוצים יותר שליטה בממשק המשתמש של קלט הטקסט, כדאי להשתמש בבקר תוצאות. החשיפה של רשימת התוצאות מופעלת באופן דינמי בבקר התוצאות, בהתאם למיקוד של ממשק המשתמש שהוזן.

כדי להוסיף לאפליקציה בקר תוצאות:

1. יוצרים GMSAutocompleteResultsViewController.
2. מטמיעים את הפרוטוקול GMSAutocompleteResultsViewControllerDelegate בבקר התצוגה המפורטת של ההורה ומקצים את נאמן המידע הראשי כנכס להענקת גישה.
3. יוצרים אובייקט UISearchController ומעבירים את הערך GMSAutocompleteResultsViewController כארגומנט של נאמן התוצאות.
4. מגדירים את GMSAutocompleteResultsViewController כמאפיין searchResultsUpdater של UISearchController.
5. צריך להוסיף את searchBar של UISearchController לממשק המשתמש של האפליקציה.
6. טיפול בבחירה של המשתמש באמצעות השיטה didAutocompleteWithPlace להענקת גישה.

יש כמה דרכים להוסיף את סרגל החיפוש של UISearchController לממשק המשתמש של האפליקציה:

• הוספת סרגל חיפוש לסרגל הניווט
• הוספת סרגל חיפוש לחלק העליון של תצוגה
• הוספת סרגל חיפוש באמצעות תוצאות קופצות

הוספה של סרגל חיפוש לסרגל הניווט

הקוד לדוגמה הבא מדגים הוספה של בקר תוצאות, הוספת searchBar לסרגל הניווט וטיפול בבחירה של המשתמש:

class ViewController: UIViewController {

  var resultsViewController: GMSAutocompleteResultsViewController?
  var searchController: UISearchController?
  var resultView: UITextView?

  override func viewDidLoad() {
    super.viewDidLoad()

    resultsViewController = GMSAutocompleteResultsViewController()
    resultsViewController?.delegate = self

    searchController = UISearchController(searchResultsController: resultsViewController)
    searchController?.searchResultsUpdater = resultsViewController

    // Put the search bar in the navigation bar.
    searchController?.searchBar.sizeToFit()
    navigationItem.titleView = searchController?.searchBar

    // When UISearchController presents the results view, present it in
    // this view controller, not one further up the chain.
    definesPresentationContext = true

    // Prevent the navigation bar from being hidden when searching.
    searchController?.hidesNavigationBarDuringPresentation = false
  }
}

// Handle the user's selection.
extension ViewController: GMSAutocompleteResultsViewControllerDelegate {
  func resultsController(_ resultsController: GMSAutocompleteResultsViewController,
                         didAutocompleteWith place: GMSPlace) {
    searchController?.isActive = false
    // Do something with the selected place.
    print("Place name: \(place.name)")
    print("Place address: \(place.formattedAddress)")
    print("Place attributions: \(place.attributions)")
  }

  func resultsController(_ resultsController: GMSAutocompleteResultsViewController,
                         didFailAutocompleteWithError error: Error){
    // TODO: handle the error.
    print("Error: ", error.localizedDescription)
  }

  // Turn the network activity indicator on and off again.
  func didRequestAutocompletePredictions(_ viewController: GMSAutocompleteViewController) {
    UIApplication.shared.isNetworkActivityIndicatorVisible = true
  }

  func didUpdateAutocompletePredictions(_ viewController: GMSAutocompleteViewController) {
    UIApplication.shared.isNetworkActivityIndicatorVisible = false
  }
}

- (void)viewDidLoad {
  _resultsViewController = [[GMSAutocompleteResultsViewController alloc] init];
  _resultsViewController.delegate = self;

  _searchController = [[UISearchController alloc]
                       initWithSearchResultsController:_resultsViewController];
  _searchController.searchResultsUpdater = _resultsViewController;

  // Put the search bar in the navigation bar.
  [_searchController.searchBar sizeToFit];
  self.navigationItem.titleView = _searchController.searchBar;

  // When UISearchController presents the results view, present it in
  // this view controller, not one further up the chain.
  self.definesPresentationContext = YES;

  // Prevent the navigation bar from being hidden when searching.
  _searchController.hidesNavigationBarDuringPresentation = NO;
}

// Handle the user's selection.
- (void)resultsController:(GMSAutocompleteResultsViewController *)resultsController
  didAutocompleteWithPlace:(GMSPlace *)place {
    _searchController.active = NO;
    // Do something with the selected place.
    NSLog(@"Place name %@", place.name);
    NSLog(@"Place address %@", place.formattedAddress);
    NSLog(@"Place attributions %@", place.attributions.string);
}

- (void)resultsController:(GMSAutocompleteResultsViewController *)resultsController
didFailAutocompleteWithError:(NSError *)error {
  [self dismissViewControllerAnimated:YES completion:nil];
  // TODO: handle the error.
  NSLog(@"Error: %@", [error description]);
}

// Turn the network activity indicator on and off again.
- (void)didRequestAutocompletePredictionsForResultsController:
    (GMSAutocompleteResultsViewController *)resultsController {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
}

- (void)didUpdateAutocompletePredictionsForResultsController:
    (GMSAutocompleteResultsViewController *)resultsController {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
}

הוספה של סרגל חיפוש לחלק העליון של התצוגה

הקוד לדוגמה הבא ממחיש הוספה של searchBar לחלק העליון של תצוגה מפורטת.

import UIKit
import GooglePlaces

class ViewController: UIViewController {

  var resultsViewController: GMSAutocompleteResultsViewController?
  var searchController: UISearchController?
  var resultView: UITextView?

  override func viewDidLoad() {
    super.viewDidLoad()

    resultsViewController = GMSAutocompleteResultsViewController()
    resultsViewController?.delegate = self

    searchController = UISearchController(searchResultsController: resultsViewController)
    searchController?.searchResultsUpdater = resultsViewController

    let subView = UIView(frame: CGRect(x: 0, y: 65.0, width: 350.0, height: 45.0))

    subView.addSubview((searchController?.searchBar)!)
    view.addSubview(subView)
    searchController?.searchBar.sizeToFit()
    searchController?.hidesNavigationBarDuringPresentation = false

    // When UISearchController presents the results view, present it in
    // this view controller, not one further up the chain.
    definesPresentationContext = true
  }
}

// Handle the user's selection.
extension ViewController: GMSAutocompleteResultsViewControllerDelegate {
  func resultsController(_ resultsController: GMSAutocompleteResultsViewController,
                         didAutocompleteWith place: GMSPlace) {
    searchController?.isActive = false
    // Do something with the selected place.
    print("Place name: \(place.name)")
    print("Place address: \(place.formattedAddress)")
    print("Place attributions: \(place.attributions)")
  }

  func resultsController(_ resultsController: GMSAutocompleteResultsViewController,
                         didFailAutocompleteWithError error: Error){
    // TODO: handle the error.
    print("Error: ", error.localizedDescription)
  }

  // Turn the network activity indicator on and off again.
  func didRequestAutocompletePredictions(forResultsController resultsController: GMSAutocompleteResultsViewController) {
    UIApplication.shared.isNetworkActivityIndicatorVisible = true
  }

  func didUpdateAutocompletePredictions(forResultsController resultsController: GMSAutocompleteResultsViewController) {
    UIApplication.shared.isNetworkActivityIndicatorVisible = false
  }
}

- (void)viewDidLoad {
    [super viewDidLoad];

    _resultsViewController = [[GMSAutocompleteResultsViewController alloc] init];
    _resultsViewController.delegate = self;

    _searchController = [[UISearchController alloc]
                             initWithSearchResultsController:_resultsViewController];
    _searchController.searchResultsUpdater = _resultsViewController;

    UIView *subView = [[UIView alloc] initWithFrame:CGRectMake(0, 65.0, 250, 50)];

    [subView addSubview:_searchController.searchBar];
    [_searchController.searchBar sizeToFit];
    [self.view addSubview:subView];

    // When UISearchController presents the results view, present it in
    // this view controller, not one further up the chain.
    self.definesPresentationContext = YES;
}

// Handle the user's selection.
- (void)resultsController:(GMSAutocompleteResultsViewController *)resultsController
didAutocompleteWithPlace:(GMSPlace *)place {
  [self dismissViewControllerAnimated:YES completion:nil];
  // Do something with the selected place.
  NSLog(@"Place name %@", place.name);
  NSLog(@"Place address %@", place.formattedAddress);
  NSLog(@"Place attributions %@", place.attributions.string);
}

- (void)resultsController:(GMSAutocompleteResultsViewController *)resultsController
didFailAutocompleteWithError:(NSError *)error {
  [self dismissViewControllerAnimated:YES completion:nil];
  // TODO: handle the error.
  NSLog(@"Error: %@", [error description]);
}

// Turn the network activity indicator on and off again.
- (void)didRequestAutocompletePredictionsForResultsController:
    (GMSAutocompleteResultsViewController *)resultsController {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
}

- (void)didUpdateAutocompletePredictionsForResultsController:
    (GMSAutocompleteResultsViewController *)resultsController {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
}

כברירת מחדל, UISearchController מסתיר את סרגל הניווט במהלך ההצגה (אפשר להשבית את האפשרות הזו). במקרים שבהם סרגל הניווט גלוי ולא אטום, המיקום של UISearchController לא מוגדר בצורה נכונה.

אפשר להשתמש בקוד הבא כפתרון זמני:

navigationController?.navigationBar.translucent = false
searchController?.hidesNavigationBarDuringPresentation = false

// This makes the view area include the nav bar even though it is opaque.
// Adjust the view placement down.
self.extendedLayoutIncludesOpaqueBars = true
self.edgesForExtendedLayout = .top

self.navigationController.navigationBar.translucent = NO;
_searchController.hidesNavigationBarDuringPresentation = NO;

// This makes the view area include the nav bar even though it is opaque.
// Adjust the view placement down.
self.extendedLayoutIncludesOpaqueBars = YES;
self.edgesForExtendedLayout = UIRectEdgeTop;

הוספת סרגל חיפוש באמצעות תוצאות קופצות

בדוגמת הקוד הבאה מוצג מיקום של סרגל חיפוש בצד ימין של סרגל הניווט והצגת תוצאות בחלון קופץ.

import UIKit
import GooglePlaces

class ViewController: UIViewController {

  var resultsViewController: GMSAutocompleteResultsViewController?
  var searchController: UISearchController?
  var resultView: UITextView?

  override func viewDidLoad() {
    super.viewDidLoad()

    resultsViewController = GMSAutocompleteResultsViewController()
    resultsViewController?.delegate = self

    searchController = UISearchController(searchResultsController: resultsViewController)
    searchController?.searchResultsUpdater = resultsViewController

    // Add the search bar to the right of the nav bar,
    // use a popover to display the results.
    // Set an explicit size as we don't want to use the entire nav bar.
    searchController?.searchBar.frame = (CGRect(x: 0, y: 0, width: 250.0, height: 44.0))
    navigationItem.rightBarButtonItem = UIBarButtonItem(customView: (searchController?.searchBar)!)

    // When UISearchController presents the results view, present it in
    // this view controller, not one further up the chain.
    definesPresentationContext = true

    // Keep the navigation bar visible.
    searchController?.hidesNavigationBarDuringPresentation = false
    searchController?.modalPresentationStyle = .popover
  }
}
// Handle the user's selection.
extension ViewController: GMSAutocompleteResultsViewControllerDelegate {
  func resultsController(_ resultsController: GMSAutocompleteResultsViewController,
                         didAutocompleteWith place: GMSPlace) {
    searchController?.isActive = false
    // Do something with the selected place.
    print("Place name: \(place.name)")
    print("Place address: \(place.formattedAddress)")
    print("Place attributions: \(place.attributions)")
  }

  func resultsController(_ resultsController: GMSAutocompleteResultsViewController,
                         didFailAutocompleteWithError error: Error){
    // TODO: handle the error.
    print("Error: ", error.localizedDescription)
  }

  // Turn the network activity indicator on and off again.
  func didRequestAutocompletePredictions(forResultsController resultsController: GMSAutocompleteResultsViewController) {
    UIApplication.shared.isNetworkActivityIndicatorVisible = true
  }

  func didUpdateAutocompletePredictions(forResultsController resultsController: GMSAutocompleteResultsViewController) {
    UIApplication.shared.isNetworkActivityIndicatorVisible = false
  }
}

- (void)viewDidLoad {
  [super viewDidLoad];

  _resultsViewController = [[GMSAutocompleteResultsViewController alloc] init];
  _resultsViewController.delegate = self;

  _searchController = [[UISearchController alloc]
                           initWithSearchResultsController:_resultsViewController];
  _searchController.searchResultsUpdater = _resultsViewController;

  // Add the search bar to the right of the nav bar,
  // use a popover to display the results.
  // Set an explicit size as we don't want to use the entire nav bar.
  _searchController.searchBar.frame = CGRectMake(0, 0, 250.0f, 44.0f);
  self.navigationItem.rightBarButtonItem =
  [[UIBarButtonItem alloc] initWithCustomView:_searchController.searchBar];

  // When UISearchController presents the results view, present it in
  // this view controller, not one further up the chain.
  self.definesPresentationContext = YES;

  // Keep the navigation bar visible.
  _searchController.hidesNavigationBarDuringPresentation = NO;

  _searchController.modalPresentationStyle = UIModalPresentationPopover;
}

// Handle the user's selection.
- (void)resultsController:(GMSAutocompleteResultsViewController *)resultsController
didAutocompleteWithPlace:(GMSPlace *)place {
  [self dismissViewControllerAnimated:YES completion:nil];
  NSLog(@"Place name %@", place.name);
  NSLog(@"Place address %@", place.formattedAddress);
  NSLog(@"Place attributions %@", place.attributions.string);
}

- (void)resultsController:(GMSAutocompleteResultsViewController *)resultsController
didFailAutocompleteWithError:(NSError *)error {
  [self dismissViewControllerAnimated:YES completion:nil];
  // TODO: handle the error.
  NSLog(@"Error: %@", [error description]);
}

// Turn the network activity indicator on and off again.
- (void)didRequestAutocompletePredictionsForResultsController:
    (GMSAutocompleteResultsViewController *)resultsController {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
}

- (void)didUpdateAutocompletePredictionsForResultsController:
    (GMSAutocompleteResultsViewController *)resultsController {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
}

שימוש במקור נתונים של טבלה

אם באפליקציה שלכם יש ממשק משתמש בהתאמה אישית של טקסט חיפוש, תוכלו להשתמש במחלקה GMSAutocompleteTableDataSource כדי ליצור את תצוגת הטבלה שבה מוצגות התוצאות בבקר התצוגות.

כדי להשתמש ב-GMSAutocompleteTableDataSource כמקור הנתונים וכמקבל הגישה ל-UITableView בנאמן המידע:

1. מטמיעים את הפרוטוקולים GMSAutocompleteTableDataSourceDelegate ו-UISearchBarDelegate בבקר התצוגות המפורטות.
2. יוצרים מכונה של GMSAutocompleteTableDataSource ומקצים את נאמן המידע ל-View כמאפיין להענקת גישה.
3. מגדירים את GMSAutocompleteTableDataSource בתור המאפיינים של מקור הנתונים והענקת הגישה למכונה UITableView בבקר התצוגה.
4. ב-handler של קלט הטקסט לחיפוש, מפעילים את sourceTextHasChanged ב-GMSAutocompleteTableDataSource.
5. טיפול בבחירה של המשתמש בשיטת הענקת הגישה didAutocompleteWithPlace.
6. אפשר לסגור את הבקר בשיטות הבאות להענקת גישה: didAutocompleteWithPlace, didFailAutocompleteWithError ו-wasCancelled.

הקוד לדוגמה הבא מדגים את השימוש במחלקה GMSAutocompleteTableDataSource כדי ליצור את תצוגת הטבלה של UIViewController כשמוסיפים את UISearchBar בנפרד.

// Copyright 2020 Google LLC
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import GooglePlaces
import UIKit

class PlaceAutocompleteViewController: UIViewController {

  private var tableView: UITableView!
  private var tableDataSource: GMSAutocompleteTableDataSource!

  override func viewDidLoad() {
    super.viewDidLoad()

    let searchBar = UISearchBar(frame: CGRect(x: 0, y: 20, width: self.view.frame.size.width, height: 44.0))
    searchBar.delegate = self
    view.addSubview(searchBar)

    tableDataSource = GMSAutocompleteTableDataSource()
    tableDataSource.delegate = self

    tableView = UITableView(frame: CGRect(x: 0, y: 64, width: self.view.frame.size.width, height: self.view.frame.size.height - 44))
    tableView.delegate = tableDataSource
    tableView.dataSource = tableDataSource

    view.addSubview(tableView)
  }
}

extension PlaceAutocompleteViewController: UISearchBarDelegate {
  func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    // Update the GMSAutocompleteTableDataSource with the search text.
    tableDataSource.sourceTextHasChanged(searchText)
  }
}

extension PlaceAutocompleteViewController: GMSAutocompleteTableDataSourceDelegate {
  func didUpdateAutocompletePredictions(for tableDataSource: GMSAutocompleteTableDataSource) {
    // Turn the network activity indicator off.
    UIApplication.shared.isNetworkActivityIndicatorVisible = false
    // Reload table data.
    tableView.reloadData()
  }

  func didRequestAutocompletePredictions(for tableDataSource: GMSAutocompleteTableDataSource) {
    // Turn the network activity indicator on.
    UIApplication.shared.isNetworkActivityIndicatorVisible = true
    // Reload table data.
    tableView.reloadData()
  }

  func tableDataSource(_ tableDataSource: GMSAutocompleteTableDataSource, didAutocompleteWith place: GMSPlace) {
    // Do something with the selected place.
    print("Place name: \(place.name)")
    print("Place address: \(place.formattedAddress)")
    print("Place attributions: \(place.attributions)")
  }

  func tableDataSource(_ tableDataSource: GMSAutocompleteTableDataSource, didFailAutocompleteWithError error: Error) {
    // Handle the error.
    print("Error: \(error.localizedDescription)")
  }

  func tableDataSource(_ tableDataSource: GMSAutocompleteTableDataSource, didSelect prediction: GMSAutocompletePrediction) -> Bool {
    return true
  }
}

      

// Copyright 2020 Google LLC
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

#import "PlaceAutocompleteViewController.h"
@import GooglePlaces;
@import UIKit;

@interface PlaceAutocompleteViewController () <GMSAutocompleteTableDataSourceDelegate, UISearchBarDelegate>

@end

@implementation PlaceAutocompleteViewController {
  UITableView *tableView;
  GMSAutocompleteTableDataSource *tableDataSource;
}

- (void)viewDidLoad {
  [super viewDidLoad];

  UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 20, self.view.frame.size.width, 44)];
  searchBar.delegate = self;

  [self.view addSubview:searchBar];

  tableDataSource = [[GMSAutocompleteTableDataSource alloc] init];
  tableDataSource.delegate = self;

  tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 64, self.view.frame.size.width, self.view.frame.size.height - 44)];
  tableView.delegate = tableDataSource;
  tableView.dataSource = tableDataSource;

  [self.view addSubview:tableView];
}

#pragma mark - GMSAutocompleteTableDataSourceDelegate

- (void)didUpdateAutocompletePredictionsForTableDataSource:(GMSAutocompleteTableDataSource *)tableDataSource {
  // Turn the network activity indicator off.
  UIApplication.sharedApplication.networkActivityIndicatorVisible = NO;

  // Reload table data.
  [tableView reloadData];
}

- (void)didRequestAutocompletePredictionsForTableDataSource:(GMSAutocompleteTableDataSource *)tableDataSource {
  // Turn the network activity indicator on.
  UIApplication.sharedApplication.networkActivityIndicatorVisible = YES;

  // Reload table data.
  [tableView reloadData];
}

- (void)tableDataSource:(GMSAutocompleteTableDataSource *)tableDataSource didAutocompleteWithPlace:(GMSPlace *)place {
  // Do something with the selected place.
  NSLog(@"Place name: %@", place.name);
  NSLog(@"Place address: %@", place.formattedAddress);
  NSLog(@"Place attributions: %@", place.attributions);
}

- (void)tableDataSource:(GMSAutocompleteTableDataSource *)tableDataSource didFailAutocompleteWithError:(NSError *)error {
  // Handle the error
  NSLog(@"Error %@", error.description);
}

- (BOOL)tableDataSource:(GMSAutocompleteTableDataSource *)tableDataSource didSelectPrediction:(GMSAutocompletePrediction *)prediction {
  return YES;
}

#pragma mark - UISearchBarDelegate

- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText {
  // Update the GMSAutocompleteTableDataSource with the search text.
  [tableDataSource sourceTextHasChanged:searchText];
}

@end

      

התאמה אישית של צבעי הטקסט ורקע

אפשר להגדיר את הצבעים של כל הטקסט והרקעים בפקדים של ההשלמה האוטומטית בממשק המשתמש, כדי שהווידג'ט יתאים יותר למראה החזותי של האפליקציה. יש שתי דרכים להגדיר את הצבעים של ממשק המשתמש:

• להשתמש בפרוטוקול UIצג המקורי ב-iOS כדי לעצב באופן גלובלי את אמצעי הבקרה בממשק המשתמש, כשהדבר אפשרי. ההגדרות האלה חלות על רבים מרכיבי הבקרה של ממשק המשתמש, אבל לא על כולם.
• על ידי שימוש ב-methods של ה-SDK במחלקות של הווידג'ט, כדי להגדיר מאפיינים שלא נתמכים על ידי פרוטוקול UI להיראות.

בדרך כלל, האפליקציה שלך תשתמש בשילוב מסוים של פרוטוקול ממשק המשתמש ושיטות ה-SDK. בתרשים הבא אפשר לראות אילו אלמנטים אפשר לעצב:

בטבלה הבאה מפורטים כל הרכיבים של ממשק המשתמש, ומראה איך צריך לעצב כל אחד מהם (פרוטוקול ממשק משתמש מראה או שיטת SDK).

שימוש בפרוטוקול UIדפוס

אפשר להשתמש בפרוטוקול UI view כדי לקבל את שרת ה-proxy למראה של רכיב מסוים בממשק המשתמש, שבו ניתן להשתמש כדי להגדיר את הצבע של הרכיב בממשק המשתמש. כשמבצעים שינוי, כל המופעים של רכיב נתון בממשק המשתמש מושפעים. לדוגמה, בדוגמה הבאה אפשר לשנות באופן גלובלי את צבע הטקסט של מחלקות UITextField לירוק כשהם נכללים ב-UISearchBar:

[[UITextField appearanceWhenContainedIn:[UISearchBar class], nil]
    setDefaultTextAttributes:@{NSForegroundColorAttributeName:[UIColor greenColor]}];

מידע נוסף על הגדרת ערכי צבעים מופיע ב-UIColor Class Reference.

קטעי הקוד הבאים מציגים את כל פקודות ה-Proxy שצריך להשתמש בהן כדי לעצב את כל מה שנמצא בבקרה של ההשלמה האוטומטית במסך מלא. מוסיפים את הקוד הבא ל-method didFinishLaunchingWithOptions ב-Appdelegate.m:

// Define some colors.
UIColor *darkGray = [UIColor darkGrayColor];
UIColor *lightGray = [UIColor lightGrayColor];

// Navigation bar background.
[[UINavigationBar appearance] setBarTintColor:darkGray];
[[UINavigationBar appearance] setTintColor:lightGray];

// Color of typed text in the search bar.
NSDictionary *searchBarTextAttributes = @{
                                          NSForegroundColorAttributeName: lightGray,
                                          NSFontAttributeName : [UIFont systemFontOfSize:[UIFont systemFontSize]]
                                          };
[UITextField appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]]
    .defaultTextAttributes = searchBarTextAttributes;

// Color of the placeholder text in the search bar prior to text entry.
NSDictionary *placeholderAttributes = @{
                                        NSForegroundColorAttributeName: lightGray,
                                        NSFontAttributeName : [UIFont systemFontOfSize:[UIFont systemFontSize]]
                                        };

// Color of the default search text.
// NOTE: In a production scenario, "Search" would be a localized string.
NSAttributedString *attributedPlaceholder =
[[NSAttributedString alloc] initWithString:@"Search"
                                attributes:placeholderAttributes];
[UITextField appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]]
    .attributedPlaceholder = attributedPlaceholder;

// Color of the in-progress spinner.
[[UIActivityIndicatorView appearance] setColor:lightGray];

// To style the two image icons in the search bar (the magnifying glass
// icon and the 'clear text' icon), replace them with different images.
[[UISearchBar appearance] setImage:[UIImage imageNamed:@"custom_clear_x_high"]
                  forSearchBarIcon:UISearchBarIconClear
                            state:UIControlStateHighlighted];
[[UISearchBar appearance] setImage:[UIImage imageNamed:@"custom_clear_x"]
                  forSearchBarIcon:UISearchBarIconClear
                            state:UIControlStateNormal];
[[UISearchBar appearance] setImage:[UIImage imageNamed:@"custom_search"]
                    forSearchBarIcon:UISearchBarIconSearch
                            state:UIControlStateNormal];

// Color of selected table cells.
UIView *selectedBackgroundView = [[UIView alloc] init];
selectedBackgroundView.backgroundColor = [UIColor lightGrayColor];
[UITableViewCell appearanceWhenContainedIn:[GMSAutocompleteViewController class], nil]
    .selectedBackgroundView = selectedBackgroundView;

הגדרת מאפייני סגנון של פקד בממשק המשתמש

לקבוצת משנה של רכיבי בקרה בממשק המשתמש יש מאפיינים שלא מושפעים מפרוטוקול המראה של הממשק, ולכן צריך להגדיר אותם ישירות. הקוד לדוגמה הבא מציג את הגדרת הצבעים של החזית והרקע, והחלה שלהם על מכונה לבקרת ממשק משתמש בשם acController. מוסיפים את הקוד הזה ל-method onLaunchClicked ב-ViewController.m:

UIColor *darkGray = [UIColor darkGrayColor];
UIColor *lightGray = [UIColor lightGrayColor];

acController.secondaryTextColor = [UIColor colorWithWhite:1.0f alpha:0.5f];
acController.primaryTextColor = lightGray;
acController.primaryTextHighlightColor = [UIColor grayColor];
acController.tableCellBackgroundColor = darkGray;
acController.tableCellSeparatorColor = lightGray;
acController.tintColor = lightGray;

קבלת חיזויים לגבי מקומות באופן פרוגרמטי

תוכלו ליצור ממשק משתמש מותאם אישית של חיפוש כחלופה לממשק המשתמש שסופק על ידי הווידג'ט של ההשלמה האוטומטית. כדי לעשות זאת, האפליקציה צריכה לקבל חיזויים של מקומות באופן פרוגרמטי. האפליקציה יכולה לקבל רשימה של כתובות ו/או שמות של מקומות חזויים באחת מהדרכים הבאות:

• התקשרות אל GMSPlacesClient findAutocompletePredictionsFromQuery:
• שימוש בשליפה

מתבצעת התקשרות אל GMSPlacesClient findAutocompletePredictionsFromQuery:

כדי לקבל רשימה של שמות ו/או כתובות של מקומות חזויים, קודם מפעילים GMSPlacesClient ואז קוראים ל-method GMSPlacesClient findAutocompletePredictionsFromQuery: עם הפרמטרים הבאים:

• מחרוזת autocompleteQuery שמכילה את הטקסט שהמשתמש הוקלד.
• GMSAutocompleteSessionToken, שמשמש לזיהוי של כל סשן בנפרד. האפליקציה צריכה להעביר את אותו האסימון לכל בקשה להשלמה אוטומטית, ולאחר מכן להעביר את האסימון הזה, יחד עם מזהה מקום, בקריאה הבאה אל fetchPlacefromPlaceID:, כדי לאחזר את פרטי המקום של המקום שנבחר על ידי המשתמש.
• GMSAutocompleteFilter כדי:
  • הטייה או הגבלה של התוצאות לאזור מסוים.
  • יש להגביל את התוצאות לסוג מקום ספציפי.
  • אובייקט GMSPlaceLocationBias/הגבלה שמוטה את התוצאות לאזור ספציפי שנקבע באמצעות גבולות של קו רוחב וקו אורך.
• שיטת קריאה חוזרת (callback) לטיפול בחיזויים שהוחזרו.

דוגמאות הקוד הבאות מציגות קריאה ל-findAutocompletePredictionsFromQuery:.

/**
 * Create a new session token. Be sure to use the same token for calling
 * findAutocompletePredictions, as well as the subsequent place details request.
 * This ensures that the user's query and selection are billed as a single session.
 */
let token = GMSAutocompleteSessionToken.init()

// Create a type filter.
let filter = GMSAutocompleteFilter()
filter.types = [.bank] 
filter.locationBias = GMSPlaceRectangularLocationOption( northEastBounds,
                                   southWestBounds);

placesClient?.findAutocompletePredictions(fromQuery: "cheesebu",

                                          filter: filter,
                                          sessionToken: token,
                                          callback: { (results, error) in
    if let error = error {
      print("Autocomplete error: \(error)")
      return
    }
    if let results = results {
      for result in results {
        print("Result \(result.attributedFullText) with placeID \(result.placeID)")
      }
    }
})

/**
 * Create a new session token. Be sure to use the same token for calling
 * findAutocompletePredictionsFromQuery:, as well as the subsequent place details request.
 * This ensures that the user's query and selection are billed as a single session.
 */
GMSAutocompleteSessionToken *token = [[GMSAutocompleteSessionToken alloc] init];

// Create a type filter.
GMSAutocompleteFilter *_filter = [[GMSAutocompleteFilter alloc] init];
_filter.types = @[ kGMSPlaceTypeBank ];

[_placesClient findAutocompletePredictionsFromQuery:@"cheesebu"
filter:_filter sessionToken:token callback:^(NSArray<GMSAutocompletePrediction *> * _Nullable results, NSError * _Nullable error) {
  if (error != nil) {
    NSLog(@"An error occurred %@", [error localizedDescription]);
    return;
  }
  if (results != nil) {
    for (GMSAutocompletePrediction *result in results) {
      NSLog(@"Result %@ with PlaceID %@", result.attributedFullText, result.placeID);
    }
  }
}];

ה-API מפעיל את שיטת הקריאה החוזרת שצוינה ומעביר מערך של אובייקטים מסוג GMSAutocompletePrediction.

כל אובייקט GMSAutocompletePrediction מכיל את המידע הבא:

• attributedFullText – הטקסט המלא של החיזוי, בפורמט NSAttributedString. לדוגמה, 'בית האופרה של סידני, סידני, ניו סאות' וויילס, אוסטרליה'. לכל טווח טקסט שתואם לקלט של המשתמש יש מאפיין, kGMSAutocompleteMatchAttribute. אפשר להשתמש במאפיין הזה כדי להדגיש את הטקסט התואם בשאילתה של המשתמש, לדוגמה, כפי שמוצג בהמשך.
• placeID – מזהה המקום של המקום החזוי. מזהה מקום הוא מזהה טקסטואלי שמזהה מקום באופן ייחודי. מידע נוסף על מזהי מקומות מופיע במאמר סקירה כללית של מזהי מקומות.
• distanceMeters – המרחק של הקו הישר מ-origin שצוין ליעד. אם המאפיין origin לא מוגדר, לא יוחזר ערך של מרחק.

הדוגמה הבאה ממחישה איך להדגיש בטקסט מודגש את החלקים של התוצאה שתואמים לטקסט בשאילתה של המשתמש, באמצעות enumerateAttribute:

let regularFont = UIFont.systemFont(ofSize: UIFont.labelFontSize)
let boldFont = UIFont.boldSystemFont(ofSize: UIFont.labelFontSize)

let bolded = prediction.attributedFullText.mutableCopy() as! NSMutableAttributedString
bolded.enumerateAttribute(kGMSAutocompleteMatchAttribute, in: NSMakeRange(0, bolded.length), options: []) {
  (value, range: NSRange, stop: UnsafeMutablePointer<ObjCBool>) -> Void in
    let font = (value == nil) ? regularFont : boldFont
    bolded.addAttribute(NSFontAttributeName, value: font, range: range)
}

label.attributedText = bolded
    

UIFont *regularFont = [UIFont systemFontOfSize:[UIFont labelFontSize]];
UIFont *boldFont = [UIFont boldSystemFontOfSize:[UIFont labelFontSize]];

NSMutableAttributedString *bolded = [prediction.attributedFullText mutableCopy];
[bolded enumerateAttribute:kGMSAutocompleteMatchAttribute
                   inRange:NSMakeRange(0, bolded.length)
                   options:0
                usingBlock:^(id value, NSRange range, BOOL *stop) {
                  UIFont *font = (value == nil) ? regularFont : boldFont;
                  [bolded addAttribute:NSFontAttributeName value:font range:range];
                }];

label.attributedText = bolded;
    

שימוש ב-Fetcher

אם אתם רוצים ליצור פקד משלכם להשלמה אוטומטית, תוכלו להשתמש ב-GMSAutocompleteFetcher, שעוזר את שיטת autocompleteQuery ב-GMSPlacesClient. הכלי לשליפה מווסת את הבקשות, ומחזיר רק תוצאות עבור טקסט החיפוש שהוזן לאחרונה. הוא לא מספק רכיבים של ממשק המשתמש.

כדי להטמיע את GMSAutocompleteFetcher:

1. מטמיעים את הפרוטוקול GMSAutocompleteFetcherDelegate.
2. יוצרים אובייקט GMSAutocompleteFetcher.
3. קוראים לפונקציה sourceTextHasChanged במאחזר בזמן שהמשתמש מקליד.
4. איך מטפלים בחיזויים ובשגיאות באמצעות שיטות הפרוטוקול didAutcompleteWithPredictions ו-didFailAutocompleteWithError.

דוגמת הקוד הבאה ממחישה איך להשתמש בכלי האחזור כדי לקבל קלט ממשתמשים ולהציג התאמות למקום בתצוגת טקסט. הפונקציונליות לבחירת מקום הושמטה. FetcherSampleViewController נגזר מ-UIViewController ב-FetcherSampleViewController.h.

import UIKit
import GooglePlaces

class ViewController: UIViewController {

  var textField: UITextField?
  var resultText: UITextView?
  var fetcher: GMSAutocompleteFetcher?

  override func viewDidLoad() {
    super.viewDidLoad()

    view.backgroundColor = .white
    edgesForExtendedLayout = []

    // Set bounds to inner-west Sydney Australia.
    let neBoundsCorner = CLLocationCoordinate2D(latitude: -33.843366,
                                                longitude: 151.134002)
    let swBoundsCorner = CLLocationCoordinate2D(latitude: -33.875725,
                                                longitude: 151.200349)

    // Set up the autocomplete filter.
    let filter = GMSAutocompleteFilter()
    filter.locationRestriction = GMSPlaceRectangularLocationOption(neBoundsCorner, swBoundsCorner)

    // Create a new session token.
    let token: GMSAutocompleteSessionToken = GMSAutocompleteSessionToken.init()

    // Create the fetcher.
    fetcher = GMSAutocompleteFetcher(bounds: nil, filter: filter)
    fetcher?.delegate = self
    fetcher?.provide(token)

    textField = UITextField(frame: CGRect(x: 5.0, y: 10.0,
                                          width: view.bounds.size.width - 5.0,
                                          height: 64.0))
    textField?.autoresizingMask = .flexibleWidth
    textField?.addTarget(self, action: #selector(textFieldDidChange(textField:)),
                         for: .editingChanged)
    let placeholder = NSAttributedString(string: "Type a query...")

    textField?.attributedPlaceholder = placeholder

    resultText = UITextView(frame: CGRect(x: 0, y: 65.0,
                                          width: view.bounds.size.width,
                                          height: view.bounds.size.height - 65.0))
    resultText?.backgroundColor = UIColor(white: 0.95, alpha: 1.0)
    resultText?.text = "No Results"
    resultText?.isEditable = false

    self.view.addSubview(textField!)
    self.view.addSubview(resultText!)
  }

  @objc func textFieldDidChange(textField: UITextField) {
    fetcher?.sourceTextHasChanged(textField.text!)
  }

}

extension ViewController: GMSAutocompleteFetcherDelegate {
  func didAutocomplete(with predictions: [GMSAutocompletePrediction]) {
    let resultsStr = NSMutableString()
    for prediction in predictions {
      resultsStr.appendFormat("\n Primary text: %@\n", prediction.attributedPrimaryText)
      resultsStr.appendFormat("Place ID: %@\n", prediction.placeID)
    }

    resultText?.text = resultsStr as String
  }

  func didFailAutocompleteWithError(_ error: Error) {
    resultText?.text = error.localizedDescription
  }
}

#import "FetcherSampleViewController.h"
#import <GooglePlaces/GooglePlaces.h>
#import <GoogleMapsBase/GoogleMapsBase.h>

@interface FetcherSampleViewController () <GMSAutocompleteFetcherDelegate>

@end

@implementation FetcherSampleViewController {
  UITextField *_textField;
  UITextView *_resultText;
  GMSAutocompleteFetcher* _fetcher;
}

- (void)viewDidLoad {
  [super viewDidLoad];

  self.view.backgroundColor = [UIColor whiteColor];
  self.edgesForExtendedLayout = UIRectEdgeNone;

  // Set bounds to inner-west Sydney Australia.
  CLLocationCoordinate2D neBoundsCorner = CLLocationCoordinate2DMake(-33.843366, 151.134002);
  CLLocationCoordinate2D swBoundsCorner = CLLocationCoordinate2DMake(-33.875725, 151.200349);

  GMSAutocompleteFilter *autocompleteFilter = [[GMSAutocompleteFilter alloc] init];
  autocompleteFilter.locationRestriction =
        GMSPlaceRectangularLocationOption(neBoundsCorner, swBoundsCorner);

  // Create the fetcher.
  _fetcher = [[GMSAutocompleteFetcher alloc] initWithBounds:nil
                                                     filter:filter];
  _fetcher.delegate = self;

  // Set up the UITextField and UITextView.
  _textField = [[UITextField alloc] initWithFrame:CGRectMake(5.0f,
                                                             0,
                                                             self.view.bounds.size.width - 5.0f,
                                                             44.0f)];
  _textField.autoresizingMask = UIViewAutoresizingFlexibleWidth;
  [_textField addTarget:self
                 action:@selector(textFieldDidChange:)
       forControlEvents:UIControlEventEditingChanged];
  _resultText =[[UITextView alloc] initWithFrame:CGRectMake(0,
                                                            45.0f,
                                                            self.view.bounds.size.width,
                                                            self.view.bounds.size.height - 45.0f)];
  _resultText.backgroundColor = [UIColor colorWithWhite:0.95f alpha:1.0f];
  _resultText.text = @"No Results";
  _resultText.editable = NO;
  [self.view addSubview:_textField];
  [self.view addSubview:_resultText];
}

- (void)textFieldDidChange:(UITextField *)textField {
  NSLog(@"%@", textField.text);
  [_fetcher sourceTextHasChanged:textField.text];
}

#pragma mark - GMSAutocompleteFetcherDelegate
- (void)didAutocompleteWithPredictions:(NSArray *)predictions {
  NSMutableString *resultsStr = [NSMutableString string];
  for (GMSAutocompletePrediction *prediction in predictions) {
      [resultsStr appendFormat:@"%@\n", [prediction.attributedPrimaryText string]];
  }
  _resultText.text = resultsStr;
}

- (void)didFailAutocompleteWithError:(NSError *)error {
  _resultText.text = [NSString stringWithFormat:@"%@", error.localizedDescription];
}

@end

אסימוני סשן

באסימוני סשן מקובצים שלבי השאילתה והבחירה של חיפוש ההשלמה האוטומטית של המשתמש בסשן נפרד למטרות חיוב. הסשן מתחיל כשהמשתמש מתחיל להקליד שאילתה, ומסתיים כשהוא בוחר מקום. לכל סשן יכולות להיות כמה שאילתות, ואחריו צריך לבחור מקום אחד. אחרי שסשן מסתיים, האסימון כבר לא בתוקף והאפליקציה צריכה ליצור אסימון חדש לכל סשן. מומלץ להשתמש באסימוני סשן בכל הסשנים של ההשלמה האוטומטית הפרוגרמטית (כשמשתמשים בבקר במסך מלא או בבקר התוצאות, ה-API יטפל בכך באופן אוטומטי).

ב-Places SDK ל-iOS נעשה שימוש ב-GMSAutocompleteSessionToken כדי לזהות כל סשן. האפליקציה שלכם צריכה להעביר אסימון סשן חדש בתחילת כל סשן חדש, ולאחר מכן להעביר את אותו האסימון, יחד עם מזהה מקום, בקריאה הבאה אל fetchPlacefromPlaceID:, כדי לאחזר את פרטי המקום של המקום שנבחר על ידי המשתמש.

מידע נוסף על אסימוני סשנים

כדי ליצור אסימון סשן חדש, משתמשים בקוד הבא:

let token: GMSAutocompleteSessionToken = GMSAutocompleteSessionToken.init()

מגבלות שימוש

• השימוש ב-method GMSPlacesClient findAutocompletePredictionsFromQuery כפוף למגבלות של שאילתות בשכבות. למידע נוסף על מגבלות השימוש

הצגת פרטי ייחוס (Attribution) באפליקציה שלכם

• אם האפליקציה משתמשת בשירות ההשלמה האוטומטית באופן פרוגרמטי, בממשק המשתמש צריך להציג שיוך מסוג 'Powered by Google' או להופיע במפה עם מיתוג של Google.
• אם האפליקציה משתמשת בפקד של ההשלמה האוטומטית בממשק המשתמש, לא נדרשת פעולה נוספת (השיוך הנדרש מוצג כברירת מחדל).
• אם מאחזרים ומציגים מידע נוסף על המקום אחרי קבלת מקום לפי מזהה, צריך להציג גם פרטים של צד שלישי.

מידע נוסף זמין במאמר שיוכים.

שליטה באינדיקטור של הפעילות ברשת

כדי לשלוט באינדיקטור של הפעילות ברשת בשורת הסטטוס של האפליקציות, צריך להטמיע את השיטות האופציונליות להענקת גישה לסיווג ההשלמה האוטומטית שבו אתם משתמשים ולהפעיל ולכבות את אינדיקטור הרשת.

• ב-GMSAutocompleteViewController צריך להטמיע את השיטות להענקת גישה didRequestAutocompletePredictions: ו-didUpdateAutocompletePredictions:.
• ב-GMSAutocompleteResultsViewController צריך להטמיע את השיטות להענקת גישה didRequestAutocompletePredictionsForResultsController: ו-didUpdateAutocompletePredictionsForResultsController:.
• ב-GMSAutocompleteTableDataSource צריך להטמיע את השיטות להענקת גישה didRequestAutocompletePredictionsForTableDataSource: ו-didUpdateAutocompletePredictionsForTableDataSource:.

אם מטמיעים את ה-methods האלה ומגדירים את [UIApplication sharedApplication].networkActivityIndicatorVisible ל-YES ול-NO בהתאמה, שורת הסטטוס תתאים בצורה נכונה לממשק המשתמש של ההשלמה האוטומטית.

הגבלת תוצאות של השלמה אוטומטית

תוכלו להגדיר את הרכיב האינטראקטיבי להשלמה אוטומטית של ממשק המשתמש כדי להגביל את התוצאות לאזור גיאוגרפי מסוים, או לסנן את התוצאות לפי סוג אחד או יותר של מקום, או למדינה או למדינה מסוימת. כדי להגביל את התוצאות, אפשר:

• כדי להעדיף תוצאות מתוך האזור שהוגדר, צריך להגדיר את הערך locationBias ב-GMSAutocompleteFilter (יכול להיות שעדיין יוחזרו תוצאות מסוימות מחוץ לאזור שהוגדר). אם המדיניות locationRestriction גם מוגדרת, המערכת תתעלם מ-locationBias.

• כדי להציג רק (הגבלה) תוצאות בתוך האזור שהוגדר, צריך להגדיר את locationRestriction ב-GMSAutocompleteFilter (יוחזרו רק תוצאות בתוך האזור שהוגדר).

  • הערה: ההגבלה הזו חלה רק על מסלולים שלמים. יכול להיות שיוחזרו תוצאות סינתטיות שנמצאות מחוץ לגבולות המלבניים, על סמך מסלול שחופף למגבלת המיקום.

• כדי להחזיר רק תוצאות שתואמות לסוג מקום מסוים, מגדירים את types ב-GMSAutocompleteFilter (לדוגמה, ציון TypeFilter.ADDRESS יגרום לווידג'ט להחזיר רק תוצאות עם כתובת מדויקת).

• כדי לקבל רק תוצאות בטווח של עד חמש מדינות, צריך להגדיר את הערך countries ב-GMSAutocompleteFilter.

תוצאות הטייה לגבי אזור ספציפי

כדי להעדף תוצאות (הטיה) בתוך האזור המוגדר, צריך להגדיר את locationBias ב-GMSAutocompleteFilter, כפי שמוצג כאן:

  northEast = CLLocationCoordinate2DMake(39.0, -95.0);
  southWest = CLLocationCoordinate2DMake(37.5, -100.0);
  GMSAutocompleteFilter *filter = [[GMSAutocompleteFilter alloc] init];
  filter.locationBias = GMSPlaceRectangularLocationOption(northEast, southWest);

הגבלת התוצאות לאזור מסוים

כדי להציג רק (הגבלה) תוצאות בתוך האזור המוגדר, צריך להגדיר את locationRestriction ב-GMSAutocompleteFilter, כפי שמוצג כאן:

  northEast = CLLocationCoordinate2DMake(39.0, -95.0);
  southWest = CLLocationCoordinate2DMake(37.5, -100.0);
  GMSAutocompleteFilter *filter = [[GMSAutocompleteFilter alloc] init];
  filter.locationRestriction = GMSPlaceRectangularLocationOption(northEast, southWest);

סינון התוצאות לפי מדינה

כדי לסנן תוצאות בטווח של עד חמש מדינות, מגדירים את countries ב-GMSAutocompleteFilter כמו בדוגמה הבאה:

  GMSAutocompleteFilter *filter = [[GMSAutocompleteFilter alloc] init];
  filter.countries = @[ @"au", @"nz" ];

סינון התוצאות לפי סוג המקום או סוג האוסף

אפשר להגביל את התוצאות לסוג מסוים או לאוסף מסוג מסוים על ידי הגדרת המאפיין types של GMSAutoCompleteFilter. תוכלו להשתמש במאפיין הזה כדי לציין את המסננים שמופיעים בטבלאות 1, 2 ו-3 בסוגי מקומות. אם לא תציינו שום דבר, יוחזרו כל הסוגים.

כדי לציין מסנן לאוסף לפי סוג או סוג:

• השתמשו במאפיין types כדי לציין עד חמישה ערכים של type מטבלה 1 ומטבלה 2 שמוצגים בPlace types (סוגי מקום). ערכי הסוגים מוגדרים על ידי הקבועים ב-GMSPlaceType.

• השתמשו במאפיין types כדי לציין אוסף סוגים מטבלה 3 שמוצגת בקטע סוגי מקום. הערכים של אוסף הסוגים מוגדרים לפי הקבועים ב-GMSPlaceType.

  אפשר להשתמש רק בסוג אחד מטבלה 3 בבקשה. אם מציינים ערך מטבלה 3, אי אפשר לציין ערך מטבלה 1 או מטבלה 2. אם תעשו זאת, תופיע שגיאה.

לדוגמה, כדי להחזיר רק תוצאות שתואמות לסוג מסוים של מקום, צריך להגדיר את types ב-GMSAutocompleteFilter. בדוגמה הבאה מוצגת הגדרה של המסנן כך שיחזיר רק תוצאות עם כתובת מדויקת:

  GMSAutocompleteFilter *filter = [[GMSAutocompleteFilter alloc] init];
  filter.types = @[ kGMSPlaceTypeAirport, kGMSPlaceTypeAmusementPark ];

אופטימיזציה להשלמה אוטומטית של מקומות

בקטע הזה מתוארות שיטות מומלצות שיעזרו לך להפיק את המרב משירות ההשלמה האוטומטית של המקומות.

הנה כמה הנחיות כלליות:

• הדרך המהירה ביותר לפתח ממשק משתמש פעיל היא להשתמש בווידג'ט ההשלמה האוטומטית של Maps JavaScript API, בווידג'ט של ההשלמה האוטומטית ב-Places SDK ל-Android או בשליטה בהשלמה האוטומטית של ממשק המשתמש ב-Places SDK ל-iOS
• לפתח הבנה של שדות נתונים חיוניים להשלמה אוטומטית של מקומות.
• השדות 'הטיית מיקום' ו'הגבלת מיקום' הם אופציונליים, אבל יכולה להיות להם השפעה משמעותית על הביצועים של ההשלמה האוטומטית.
• כדאי להשתמש בטיפול בשגיאות כדי לוודא שאיכות האפליקציה תשתפר אם ה-API מחזיר שגיאה.
• חשוב לוודא שהאפליקציה מטפלת כשלא צריך לבחור אפשרות ומציעה למשתמשים אפשרות להמשיך.

שיטות מומלצות לאופטימיזציה של עלויות

אופטימיזציה בסיסית של עלויות

כדי לייעל את עלות השימוש בשירות ההשלמה האוטומטית של המקומות, משתמשים במסכות של שדות בווידג'טים של פרטי מקום והשלמה אוטומטית של מקומות כדי להחזיר רק את השדות של נתוני המקום שדרושים.

אופטימיזציה מתקדמת של עלויות

כדאי לשקול הטמעה פרוגרמטית של השלמה אוטומטית של מקומות כדי לגשת לתמחור לפי בקשה ולבקש תוצאות של Geocoding API לגבי המקום שנבחר במקום פרטי המקום. תמחור לפי בקשה בשילוב עם Geocoding API משתלם יותר מתמחור לפי פעילות (מבוסס-סשן) אם שני התנאים הבאים מתקיימים:

• אם אתם צריכים רק את קו הרוחב/קו האורך או הכתובת של המקום שהמשתמש בחר, Geocoding API מספק את המידע הזה בפחות מקריאה של פרטי מקום.
• אם משתמשים בוחרים חיזוי להשלמה אוטומטית בתוך ארבע בקשות או פחות חיזויים להשלמה אוטומטית, תמחור לפי בקשה עשוי להיות משתלם יותר מהתמחור לכל סשן.

האם באפליקציה נדרשים פרטים כלשהם מלבד הכתובת וקו הרוחב/קו האורך של החיזוי שנבחר?

שיטות מומלצות לשיפור הביצועים

בהנחיות הבאות מתוארות דרכים לאופטימיזציה של ביצועי ההשלמה האוטומטית של המקום:

• מוסיפים הגבלות לפי מדינה, הטיה לפי מיקום וגם את העדפת השפה (בהטמעות פרוגרמטיות) להטמעת ההשלמה האוטומטית של המקום. אין צורך בהעדפת שפה עם ווידג'טים כי הם בוחרים את העדפות השפה מהדפדפן או מהנייד של המשתמש.
• אם ההשלמה האוטומטית של מקומות מלווה במפה, ניתן להטות את המיקום לפי אזור התצוגה של המפה.
• במצבים שבהם המשתמש לא בוחר באחת מהחיזויים של ההשלמה האוטומטית, בדרך כלל מכיוון שאף אחת מהחיזויים האלה אינה כתובת התוצאה הרצויה, אפשר להשתמש שוב בקלט המשתמש המקורי כדי לנסות לקבל תוצאות רלוונטיות יותר:
  • אם אתם מצפים מהמשתמש להזין רק פרטי כתובת, צריך להשתמש שוב בקלט המקורי של המשתמש בקריאה ל-Geocoding API.
  • אם אתם מצפים מהמשתמש להזין שאילתות לגבי מקום ספציפי לפי שם או כתובת, יש להשתמש בבקשה לחיפוש מקום. אם התוצאות צפויות להתקבל רק באזור ספציפי, משתמשים בהטיה לפי מיקום.
  תרחישים נוספים שבהם מומלץ להשתמש ב-Geocoding API כוללים:
  • משתמשים המזינים כתובות של תת-דומיינים במדינות שבהן התמיכה בהשלמה האוטומטית של המקום בכתובות משנה אינה מלאה. למשל, צ'כיה, אסטוניה וליטא. לדוגמה, הכתובת בצ'כית 'Stroupežnického 3191/17, Praha' מניבה חיזוי חלקי בהשלמה האוטומטית של Place.
  • משתמשים שמזינים כתובות עם קידומות של קטעי כביש כמו "23-30 29th St, Queens" בתל אביב או " 47-380 Kamehameha Hwy, Kaneohe" באי קאוואי בהוואי.

פתרון בעיות

למרות שיש מגוון רחב של שגיאות, סביר להניח שרוב השגיאות באפליקציה נגרמות משגיאות בהגדרה (לדוגמה, נעשה שימוש במפתח API שגוי או שמפתח ה-API הוגדר בצורה שגויה), או שגיאות מכסה (האפליקציה שלכם חורגת מהמכסה). מידע נוסף על מכסות

שגיאות שמתרחשות במהלך השימוש בפקדים של ההשלמה האוטומטית מוחזרות בשיטה didFailAutocompleteWithError() בפרוטוקולים השונים להענקת גישה. המאפיין code של האובייקט NSError שסופק מוגדר לאחד מהערכים של הספירה GMSPlacesErrorCode.