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

בחירת פלטפורמה: Android iOS JavaScript שירות אינטרנט

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

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

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

הפקד של ההשלמה האוטומטית בממשק המשתמש הוא תיבת דו-שיח של חיפוש עם השלמה אוטומטית מובנית החדשה. כשמשתמש מזין מונחי חיפוש, אמצעי הבקרה מציג רשימה של מקומות חזויים לבחירה. כשהמשתמש מבצע בחירה, 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 בתגובה למשתמש שמקיש על לחצן.

Swift

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
  }

}

Objective-C

#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:@selector(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 לסרגל הניווט, וטיפול בבחירת המשתמש:

Swift

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
  }
}

Objective-C

- (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 לחלק העליון של תצוגה מפורטת.

Swift

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
  }
}

Objective-C

- (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 לא מוגדר את המיקום בצורה נכונה.

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

Swift

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

Objective-C

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;

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

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

Swift

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
  }
}

Objective-C

- (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 class כדי להפעיל את תצוגת הטבלה שבה מוצגות התוצאות בבקר התצוגות.

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

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

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

Swift

// 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
  }
}

      

Objective-C

// 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 כדי לעצב את פקדי ממשק המשתמש באופן גלובלי, כשזה אפשרי. ההגדרות האלה חלות על חלק גדול מאמצעי הבקרה בממשק המשתמש, אבל לא על כולן רכיבים.
  • על ידי שימוש בשיטות SDK במחלקות של הווידג'טים כדי להגדיר מאפיינים לא נתמכות על ידי UIDescription Protocol.

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

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

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

רכיב ממשק משתמש שיטה מדריכים וסטייל
גוון סרגל הניווט (רקע) פרוטוקול UIצג קוראים לפונקציה setBarTintColor דרך שרת Proxy של UINavigationBar.
גוון סרגל הניווט (סמן טקסט בסרגל החיפוש ולחצן ביטול) פרוטוקול UIצג קוראים לפונקציה setTintColor דרך שרת Proxy של UINavigationBar.
צבע הטקסט של סרגל החיפוש פרוטוקול UIצג הגדרת NSForegroundColorAttributeName בטווח searchBarTextAttributes.
גוון סרגל החיפוש לא רלוונטי סרגל החיפוש שקוף, ויוצג כגרסה מוצללת של סרגל הניווט.
צבע הטקסט ב-placeholder של סרגל החיפוש (טקסט ברירת המחדל לחיפוש) פרוטוקול UIצג הגדרת NSForegroundColorAttributeName בטווח placeholderAttributes.
טקסט ראשי (רלוונטי גם לטקסט של שגיאה ושל הודעה) שיטת ה-SDK התקשרו אל primaryTextColor.
הדגשה של הטקסט הראשי שיטת ה-SDK התקשרו אל primaryTextHighlightColor.
טקסט משני שיטת ה-SDK התקשרו אל secondaryTextColor.
טקסט של שגיאה והודעה שיטת ה-SDK התקשרו אל primaryTextColor.
רקע של תא בטבלה שיטת ה-SDK התקשרו אל tableCellBackgroundColor.
צבע מפריד תא בטבלה שיטת ה-SDK התקשרו אל tableCellSeparatorColor.
"ניסיון חוזר" לחצן שיטת ה-SDK התקשרו אל tintColor.
אינדיקטור של פעילות (סימן גרפי להתקדמות) פרוטוקול UIצג קוראים לפונקציה setColor דרך שרת Proxy של UIActivityIndicatorView.
"מופעל על ידי Google" לוגו, תמונה של ענן עצוב לא רלוונטי הגרסה לבנה או אפורה נבחרת באופן אוטומטי בהתאם לניגודיות של הרקע.
זכוכית מגדלת וסמלי טקסט ברורים בשדה הטקסט של סרגל החיפוש לא רלוונטי כדי לעצב, מחליפים את תמונות ברירת המחדל בתמונות בצבע הרצוי.

שימוש בפרוטוקול UIAppearance

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

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

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

קטעי הקוד הבאים מציגים את כל פקודות ה-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;

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

לקבוצת משנה של רכיבי בקרה בממשק המשתמש יש מאפיינים שלא מושפעים פרוטוקול UIView, ולכן יש להגדירו באופן ישיר. הקוד לדוגמה הבא מציג הגדרת צבעים של חזית ורקע והחלה שלהם על ממשק משתמש מופע בקרה בשם acController. הוספת הקוד הזה אל 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:

כדי לקבל רשימה של השמות והכתובות הצפויים של מקומות, קודם instantiate GMSPlacesClient, קוראים לפונקציה GMSPlacesClient findAutocompletePredictionsFromQuery: עם הפרמטרים הבאים:

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

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

Swift

/**
 * 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)")
      }
    }
})

Objective-C

/**
 * 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:

Swift

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
    

Objective-C

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 שעוקף את ה-method autocompleteQuery ב-GMSPlacesClient. מתבצע ויסות של בקשות על ידי האחזור, ומחזיר רק את התוצאות האחרונות טקסט שהוזן לחיפוש. הוא לא מספק רכיבים של ממשק המשתמש.

כדי להטמיע את GMSAutocompleteFetcher, יש לבצע את השלבים הבאים:

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

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

Swift

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
  }
}

Objective-C

#import "FetcherSampleViewController.h"
#import <GooglePlaces/GooglePlaces.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()

מגבלות שימוש

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

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

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

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

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

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

על ידי יישום השיטות האלה והגדרת [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);

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

כדי לסנן תוצאות ב-5 מדינות לכל היותר, צריך להגדיר את countries למצב מופעל GMSAutocompleteFilter, כפי שמוצג כאן:

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

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

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

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

  • השתמשו במאפיין types כדי לציין עד חמישה ערכים של type מטבלה 1 וטבלה 2 שמוצגת בקטע סוגי מקומות. ערכי הסוגים הם מוגדר על ידי הקבועים ב-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 מספק את המידע הזה בפחות מקריאה של פרטי מקום.
  • אם משתמשים בוחרים חיזוי להשלמה אוטומטית בתוך ארבע בקשות או פחות חיזויים להשלמה אוטומטית, תמחור לפי בקשה עשוי להיות משתלם יותר מהתמחור לכל סשן.
לקבלת עזרה בבחירת היישום של ההשלמה האוטומטית של המקום שמתאימה לצרכים שלכם, בחרו את הכרטיסייה שתואמת לתשובה שלכם לשאלה הבאה.

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

כן, אני רוצה פרטים נוספים

שימוש בהשלמה אוטומטית של מקומות עם פרטי מקום.
מאחר שהאפליקציה שלך דורשת פרטי מקום כמו שם המקום, סטטוס העסק או שעות הפתיחה, ההטמעה של ההשלמה האוטומטית של המקום צריכה להשתמש באסימון סשן (באופן פרוגרמטי או מובנה בווידג'טים של JavaScript, Android או iOS) בעלות כוללת של $0.017 לכל סשן בתוספת מק"טים רלוונטיים של נתוני מקומות בהתאם לשדות הנתונים של המקומות שביקשת.

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

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

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

לא, נדרשת רק כתובת ומיקום

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

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

האם המשתמשים שלך בוחרים חיזוי להשלמה אוטומטית של מקומות בארבע בקשות או פחות, בממוצע?

כן

הטמעה של השלמה אוטומטית במקום באופן פרוגרמטי ללא אסימוני סשן וקריאה ל-Geocoding API בחיזוי המקום שנבחר.
Geocoding API מספק כתובות וקואורדינטות של קווי אורך ורוחב בסכום של $0.005 לכל בקשה. ניתן לבצע ארבע בקשות של השלמה אוטומטית במקום – לכל בקשה בעלות של 0.01,132$, כך שהעלות הכוללת של ארבע בקשות בנוסף לקריאת Geocoding API לגבי חיזוי המקום שנבחר תהיה 0.01632$. מחיר זה נמוך מהמחיר להשלמה אוטומטית לכל סשן בסך 0.017 $לכל סשן.1

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

לא

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

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

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

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

כדאי לעכב בקשות להשלמה אוטומטית של מקומות
תוכלו להשתמש באסטרטגיות כמו דחייה של בקשה להשלמה אוטומטית של מקום עד שהמשתמש יקליד בשלוש או בארבעת התווים הראשונים, כך שהאפליקציה תשלח פחות בקשות. לדוגמה, כששולחים בקשות להשלמה אוטומטית של מקומות לכל תו אחרי שהמשתמש הקליד את התו השלישי, המשמעות היא שאם המשתמש מקליד את התו השלישי ולאחר מכן בוחר חיזוי שעבורו שלחתם בקשת Geocoding API, העלות הכוללת תהיה $0.01632 (4 * $0.00283 בקשת השלמה אוטומטית לכל בקשה + 0.005 $קידוד גיאוגרפי).1

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

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


  1. העלויות המפורטות כאן הן בדולר ארה"ב. מידע על התמחור המלא זמין בדף חיוב בפלטפורמה של מפות Google.

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

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

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

פתרון בעיות

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

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