Place Autocomplete

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Plattform auswählen: Android iOS JavaScript Webdienst

Der Dienst zur automatischen Vervollständigung im Places SDK for iOS gibt als Antwort auf Nutzersuchanfragen Ortsvorhersagen zurück. Während der Eingabe gibt der Dienst zur automatischen Vervollständigung Vorschläge für Orte wie Unternehmen, Adressen, Plus Codes und POIs aus.

Sie haben die folgenden Möglichkeiten, Ihrer App eine Funktion zur automatischen Vervollständigung hinzuzufügen:

UI-Steuerelement zur automatischen Vervollständigung hinzufügen

Das Steuerelement für die automatische Vervollständigung ist ein Dialogfeld für die automatische Vervollständigung. Wenn ein Nutzer Suchbegriffe eingibt, wird eine Liste mit Vorschlägen zu Orten angezeigt, aus denen er auswählen kann. Wenn der Nutzer eine Auswahl trifft, wird eine GMSPlace-Instanz zurückgegeben, mit der Ihre App dann Details zum ausgewählten Ort abrufen kann.

Sie haben die folgenden Möglichkeiten, Ihrer App das UI-Steuerelement zur automatischen Vervollständigung hinzuzufügen:

Vollbildsteuerung hinzufügen

Verwenden Sie das Vollbildsteuerelement, wenn Sie einen modalen Kontext wünschen, in dem die UI für die automatische Vervollständigung vorübergehend die UI Ihrer App ersetzt, bis der Nutzer seine Auswahl getroffen hat. Diese Funktion wird von der Klasse GMSAutocompleteViewController bereitgestellt. Sobald der Nutzer einen Ort auswählt, erhält Ihre App einen Callback.

Um Ihrer App ein Vollbildsteuerelement hinzuzufügen, gehen Sie wie folgt vor:

  1. Erstellen Sie in der Haupt-App ein UI-Element, um das UI-Steuerelement zur automatischen Vervollständigung zu starten, beispielsweise einen Touch-Handler auf einem UIButton.
  2. Implementieren Sie das GMSAutocompleteViewControllerDelegate-Protokoll im übergeordneten Ansicht-Controller.
  3. Erstellen Sie eine Instanz von GMSAutocompleteViewController und weisen Sie den übergeordneten Ansichtscontroller als Delegateigenschaft zu.
  4. Erstellen Sie eine GMSPlaceField, um die Ortsdatentypen zu definieren, die zurückgegeben werden sollen.
  5. Fügen Sie einen GMSAutocompleteFilter hinzu, um die Abfrage auf einen bestimmten Typ von Ort zu beschränken.
  6. Präsentieren Sie die GMSAutocompleteViewController mit [self presentViewController...].
  7. Verarbeiten Sie die Auswahl des Nutzers in der Delegierungsmethode didAutocompleteWithPlace.
  8. Schließen Sie den Controller in den Delegatmethoden didAutocompleteWithPlace, didFailAutocompleteWithError und wasCancelled.

Das folgende Beispiel zeigt eine mögliche Möglichkeit, GMSAutocompleteViewController zu starten, wenn der Nutzer auf eine Schaltfläche tippt.

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

Ergebniscontroller hinzufügen

Verwenden Sie einen Ergebniscontroller, wenn Sie mehr Kontrolle für die UI zur Texteingabe wünschen. Der Ergebniscontroller wechselt dynamisch die Sichtbarkeit der Ergebnisliste basierend auf dem Fokus der Eingabe-UI.

Um Ihrer App einen Ergebniscontroller hinzuzufügen, gehen Sie wie folgt vor:

  1. Erstellen Sie ein GMSAutocompleteResultsViewController.
  2. Implementieren Sie das GMSAutocompleteResultsViewControllerDelegate-Protokoll im übergeordneten Ansicht-Controller und weisen Sie den übergeordneten Ansicht-Controller als Bevollmächtigten zu.
  3. Erstellen Sie ein UISearchController-Objekt und übergeben Sie GMSAutocompleteResultsViewController als Ergebniscontroller-Argument.
  4. Lege GMSAutocompleteResultsViewController als searchResultsUpdater-Attribut von UISearchController fest.
  5. Fügen Sie searchBar für UISearchController zur Benutzeroberfläche Ihrer App hinzu.
  6. Verarbeiten Sie die Auswahl des Nutzers in der Delegierungsmethode didAutocompleteWithPlace.

Es gibt mehrere Möglichkeiten, die Suchleiste von UISearchController in der UI deiner App zu platzieren:

Suchleiste zur Navigationsleiste hinzufügen

Das folgende Codebeispiel zeigt, wie ein Ergebniscontroller hinzugefügt, searchBar zur Navigationsleiste hinzugefügt und die Auswahl des Nutzers verarbeitet wird:

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

Suchleiste oben in eine Ansicht einfügen

Im folgenden Codebeispiel wird gezeigt, wie Sie searchBar oben in einer Ansicht hinzufügen.

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

Standardmäßig blendet UISearchController die Navigationsleiste während der Präsentation aus. Dies kann deaktiviert werden. In Fällen, in denen die Navigationsleiste sichtbar und undurchsichtig ist, wird die Platzierung von UISearchController nicht korrekt festgelegt.

Verwenden Sie zur Problemumgehung den folgenden Code:

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;

Suchleiste mit Pop-over-Ergebnissen hinzufügen

Das folgende Codebeispiel zeigt, wie Sie eine Suchleiste auf der rechten Seite der Navigationsleiste platzieren und Ergebnisse in einem Pop-up-Fenster anzeigen können.

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

Tabellendatenquelle verwenden

Wenn Ihre Anwendung eine benutzerdefinierte Such-UI hat, können Sie die Klasse GMSAutocompleteTableDataSource verwenden, um die Tabellenansicht mit den Ergebnissen auf dem Ansicht-Controller zu steuern.

So verwenden Sie GMSAutocompleteTableDataSource als Datenquelle und Bevollmächtigten von UITableView in einem Ansicht-Controller:

  1. Implementieren Sie die Protokolle GMSAutocompleteTableDataSourceDelegate und UISearchBarDelegate im Ansichts-Controller.
  2. Erstellen Sie eine GMSAutocompleteTableDataSource-Instanz und weisen Sie den Ansichtscontroller als Delegateigenschaft zu.
  3. Legen Sie die GMSAutocompleteTableDataSource als Datenquellen- und Delegate-Attribute der UITableView-Instanz auf dem Ansichts-Controller fest.
  4. Rufen Sie im Handler für die Suchtexteingabe sourceTextHasChanged für GMSAutocompleteTableDataSource auf.
  5. Verarbeiten Sie die Auswahl des Nutzers in der Delegate-Methode didAutocompleteWithPlace.
  6. Schließen Sie den Controller in den Delegate-Methoden didAutocompleteWithPlace, didFailAutocompleteWithError und wasCancelled.

Im folgenden Codebeispiel wird gezeigt, wie die Klasse GMSAutocompleteTableDataSource verwendet wird, um die Tabellenansicht einer UIViewController zu steuern, wenn UISearchBar separat hinzugefügt wird.

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

      

Text- und Hintergrundfarben anpassen

Sie können die Farben aller Texte und Hintergründe im UI-Steuerelement für die automatische Vervollständigung festlegen, damit das Widget dem Design Ihrer App besser entspricht. Es gibt zwei Möglichkeiten, die Farben des UI-Steuerelements festzulegen:

  • Nach Möglichkeit wird das native iOS-Protokoll für die Darstellung verwendet, um UI-Steuerelemente global zu gestalten. Diese Einstellungen gelten für viele, aber nicht für alle UI-Steuerelemente.
  • Mithilfe der SDK-Methoden für die Widgetklassen, um Eigenschaften festzulegen, die vom UIDarstellungsprotokoll nicht unterstützt werden.

In der Regel verwendet Ihre App eine Kombination aus dem UIRendering-Protokoll und den SDK-Methoden. In der folgenden Grafik wird gezeigt, welche Elemente Sie formatieren können:

Farben der Benutzeroberfläche für die automatische Vervollständigung

In der folgenden Tabelle sind alle UI-Elemente aufgeführt und es wird angegeben, wie die einzelnen Elemente gestaltet werden sollen (UIUI-Protokoll oder SDK-Methode).

UI-Element Methode Styling-Anleitungen
Farbton der Navigationsleiste (Hintergrund) UIDarstellungsprotokoll Rufen Sie setBarTintColor im UINavigationBar-Proxy auf.
Farbe der Navigationsleiste (Textcursor der Suchleiste und Schaltfläche „Abbrechen“) UIDarstellungsprotokoll Rufen Sie setTintColor im UINavigationBar-Proxy auf.
Schriftfarbe für Suchleiste UIDarstellungsprotokoll Legen Sie NSForegroundColorAttributeName in searchBarTextAttributes fest.
Farbe der Suchleiste Die Suchleiste ist durchscheinend und wird als schattierte Version der Navigationsleiste angezeigt.
Platzhaltertext für die Suchleiste (Standardsuchtext) UIDarstellungsprotokoll Legen Sie NSForegroundColorAttributeName in placeholderAttributes fest.
Primärer Text (wird auch auf Fehler- und Nachrichtentext angewendet) SDK-Methode Rufen Sie einfach primaryTextColor an.
Haupttext hervorheben SDK-Methode Rufen Sie einfach primaryTextHighlightColor an.
Sekundärer Text SDK-Methode Rufen Sie einfach secondaryTextColor an.
Fehler und Nachrichtentext SDK-Methode Rufen Sie einfach primaryTextColor an.
Hintergrund der Tabellenzelle SDK-Methode Rufen Sie einfach tableCellBackgroundColor an.
Farbe für Tabellenzellentrennzeichen SDK-Methode Rufen Sie einfach tableCellSeparatorColor an.
Schaltfläche „Noch einmal versuchen“ SDK-Methode Rufen Sie einfach tintColor an.
Aktivitätsanzeige (Fortschrittssymbol) UIDarstellungsprotokoll Rufen Sie setColor im UIActivityIndicatorView-Proxy auf.
Logo „Powered by Google“, Bild: Traurige Wolke Die Version wird je nach Hintergrundkontrast automatisch ausgewählt (weiß oder grau).
Lupen- und Klartextsymbole im Textfeld der Suchleiste Um den Stil zu ändern, ersetzen Sie die Standardbilder durch Bilder der gewünschten Farbe.

Protokoll für UIUI verwenden

Sie können das UIEinblenden-Protokoll verwenden, um den Darstellungsproxy für ein bestimmtes UI-Element abzurufen, mit dem Sie dann die Farbe für das UI-Element festlegen können. Wenn eine Änderung vorgenommen wird, sind alle Instanzen eines bestimmten UI-Elements betroffen. Im folgenden Beispiel wird die Textfarbe von UITextField-Klassen global in Grün geändert, wenn sie in einer UISearchBar enthalten sind:

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

Weitere Informationen zum Definieren von Farbwerten finden Sie in der Referenz zur UIColor-Klasse.

Die folgenden Code-Snippets zeigen alle Proxybefehle, mit denen Sie alles im UI-Steuerelement zur automatischen Vervollständigung im Vollbildmodus gestalten können. Fügen Sie diesen Code der Methode didFinishLaunchingWithOptions in Appdelegate.m hinzu:

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

Eigenschaften von UI-Steuerelementen festlegen

Ein Teil der UI-Steuerelemente hat Attribute, die vom UIDarstellungsprotokoll nicht betroffen sind und daher direkt festgelegt werden müssen. Das folgende Codebeispiel zeigt, wie Sie Vordergrund- und Hintergrundfarben definieren und auf eine UI-Steuerinstanz namens acController anwenden. Fügen Sie diesen Code der Methode onLaunchClicked in ViewController.m hinzu:

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;

Vorschläge für Orte programmatisch abrufen

Sie können alternativ zum UI-Widget für die automatische Vervollständigung eine benutzerdefinierte Such-UI erstellen. Dazu muss Ihre Anwendung programmatisch Vorhersagen für Orte abrufen. Ihre App kann auf eine der folgenden Arten eine Liste mit vorhergesagten Ortsnamen und/oder Adressen abrufen:

GMSPlacesClient findAutocompletePredictionsFromQuery: wird angerufen

Wenn Sie eine Liste mit vorhergesagten Ortsnamen und/oder Adressen abrufen möchten, müssen Sie zuerst GMSPlacesClient instanziieren und dann die Methode GMSPlacesClient findAutocompletePredictionsFromQuery: mit den folgenden Parametern aufrufen:

  • Ein autocompleteQuery-String mit dem vom Nutzer eingegebenen Text.
  • Ein GMSAutocompleteSessionToken-Element, mit dem jede einzelne Sitzung identifiziert wird. Ihre App sollte für jeden Anfrage zur automatischen Vervollständigung dasselbe Token übergeben und dann im nachfolgenden Aufruf an fetchPlacefromPlaceID: zusammen mit einer Orts-ID übergeben, um Ortsdetails für den Ort abzurufen, der vom Nutzer ausgewählt wurde.
  • Ein GMSAutocompleteFilter zu:
    • Gewichtung oder Beschränkung der Ergebnisse auf eine bestimmte Region
    • Die Ergebnisse lassen sich auf eine bestimmte Art von Ort beschränken.
    • Ein GMSPlaceLocationBias/Einschränkungsobjekt, das die Ergebnisse nach einem bestimmten Bereich gewichtet, der durch Breiten- und Längengradgrenzen angegeben wird.
  • Eine Callback-Methode zur Verarbeitung der zurückgegebenen Vorhersagen.

Die folgenden Codebeispiele zeigen einen Aufruf von 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);
    }
  }
}];

Die API ruft die angegebene Callback-Methode auf und übergibt ein Array von GMSAutocompletePrediction-Objekten.

Jedes GMSAutocompletePrediction-Objekt enthält die folgenden Informationen:

  • attributedFullText: Der vollständige Text der Vorhersage in Form eines NSAttributedString. Beispiel: „Opernhaus Sydney, Sydney, New South Wales, Australien“. Jeder Textbereich, der mit der Nutzereingabe übereinstimmt, hat das Attribut kGMSAutocompleteMatchAttribute. Sie können dieses Attribut verwenden, um den übereinstimmenden Text in der Abfrage des Nutzers hervorzuheben (siehe unten).
  • placeID: Die Orts-ID des vorhergesagten Orts Eine Orts-ID ist eine ID in Textform, über die ein Ort eindeutig identifiziert wird. Weitere Informationen zu Orts-IDs finden Sie in der Übersicht zu Orts-IDs.
  • distanceMeters: Die direkte Entfernung vom angegebenen origin zum Ziel. Wenn das Attribut origin nicht festgelegt ist, wird kein Entfernungswert zurückgegeben.

Das folgende Codebeispiel zeigt, wie mithilfe von enumerateAttribute die Teile des Ergebnisses, die mit dem Text in der Abfrage des Nutzers übereinstimmen, fett formatiert hervorgehoben werden:

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 verwenden

Wenn Sie ein eigenes Steuerelement zur automatischen Vervollständigung erstellen möchten, können Sie GMSAutocompleteFetcher verwenden, das die Methode autocompleteQuery auf GMSPlacesClient umschließt. Der Abruf wird gedrosselt, sodass nur Ergebnisse für den zuletzt eingegebenen Suchtext zurückgegeben werden. Er stellt keine UI-Elemente bereit.

So implementieren Sie GMSAutocompleteFetcher:

  1. Implementieren Sie das Protokoll GMSAutocompleteFetcherDelegate.
  2. Erstellen Sie ein GMSAutocompleteFetcher-Objekt.
  3. Rufen Sie sourceTextHasChanged beim Abruf ab, während der Nutzer tippt.
  4. Verarbeiten Sie Vorhersagen und Fehler mit den Protokollmethoden didAutcompleteWithPredictions und didFailAutocompleteWithError.

Im folgenden Codebeispiel wird gezeigt, wie Sie mit dem Fetcher Nutzereingaben abrufen und Übereinstimmungen in einer Textansicht anzeigen lassen. Funktionen zur Auswahl eines Ortes wurden ausgelassen. FetcherSampleViewController leitet sich von UIViewController in FetcherSampleViewController.h ab.

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

Sitzungstokens

Sitzungstokens gruppieren die Abfrage- und Auswahlphasen einer Nutzeranfrage zur automatischen Vervollständigung zu Abrechnungszwecken in eine separate Sitzung. Die Sitzung beginnt, wenn der Nutzer beginnt, eine Suchanfrage einzugeben, und endet, wenn er einen Ort auswählt. Jede Sitzung kann mehrere Abfragen enthalten, gefolgt von einer Ortsauswahl. Sobald eine Sitzung beendet ist, ist das Token nicht mehr gültig. Ihre Anwendung muss für jede Sitzung ein neues Token generieren. Wir empfehlen Sitzungstokens für alle programmatischen Sitzungen mit automatischer Vervollständigung. Wenn Sie den Controller im Vollbildmodus oder den Ergebnis-Controller verwenden, wird dies von der API automatisch erledigt.

Das Places SDK for iOS verwendet GMSAutocompleteSessionToken, um jede Sitzung zu identifizieren. Ihre App sollte zu Beginn jeder neuen Sitzung ein neues Sitzungstoken übergeben und dieses zusammen mit einer Orts-ID im nachfolgenden Aufruf von fetchPlacefromPlaceID: übergeben, um Ortsdetails für den Ort abzurufen, der vom Nutzer ausgewählt wurde.

Weitere Informationen zu Sitzungstokens

Verwenden Sie den folgenden Code, um ein neues Sitzungstoken zu generieren:

let token: GMSAutocompleteSessionToken = GMSAutocompleteSessionToken.init()

Nutzungslimits

Zuordnungen in Ihrer App anzeigen

  • Wenn deine App den Dienst für die automatische Vervollständigung programmatisch verwendet, muss in deiner UI entweder die Zuordnung „Powered by Google“ angezeigt werden oder sie muss auf einer Karte mit Google-Logo enthalten sein.
  • Wenn Ihre Anwendung das UI-Steuerelement für die automatische Vervollständigung verwendet, sind keine weiteren Maßnahmen erforderlich (die erforderliche Attribution wird standardmäßig angezeigt).
  • Wenn Sie zusätzliche Informationen zu einem Ort abrufen und anzeigen lassen, nachdem Sie einen Ort über die ID abgerufen haben, müssen Sie auch die Zuordnungen von Drittanbietern anzeigen lassen.

Weitere Informationen finden Sie in der Dokumentation zu Attributionen.

Anzeige der Netzwerkaktivität steuern

Zum Steuern der Anzeige der Netzwerkaktivität in der Statusleiste der Anwendung müssen Sie die entsprechenden optionalen Delegatmethoden für die von Ihnen verwendete Klasse der automatischen Vervollständigung implementieren und die Netzwerkanzeige selbst ein- und ausschalten.

  • Für GMSAutocompleteViewController müssen Sie die delegierten Methoden didRequestAutocompletePredictions: und didUpdateAutocompletePredictions: implementieren.
  • Für GMSAutocompleteResultsViewController müssen Sie die delegierten Methoden didRequestAutocompletePredictionsForResultsController: und didUpdateAutocompletePredictionsForResultsController: implementieren.
  • Für GMSAutocompleteTableDataSource müssen Sie die delegierten Methoden didRequestAutocompletePredictionsForTableDataSource: und didUpdateAutocompletePredictionsForTableDataSource: implementieren.

Wenn Sie diese Methoden implementieren und [UIApplication sharedApplication].networkActivityIndicatorVisible auf YES bzw. NO setzen, entspricht die Statusleiste der UI für die automatische Vervollständigung.

Ergebnisse der automatischen Vervollständigung einschränken

Sie können das UI-Steuerelement für die automatische Vervollständigung so einrichten, dass die Ergebnisse auf eine bestimmte Region beschränkt und/oder nach einem oder mehreren Ortstypen oder auf ein bestimmtes Land oder mehrere Länder gefiltert werden. So können Sie die Ergebnisse einschränken:

  • Wenn Ergebnisse innerhalb der definierten Region bevorzugt werden sollen, legen Sie locationBias für GMSAutocompleteFilter fest. Einige Ergebnisse außerhalb der definierten Region können weiterhin zurückgegeben werden. Wenn auch locationRestriction festgelegt ist, wird locationBias ignoriert.
  • Wenn Sie nur Ergebnisse innerhalb der definierten Region anzeigen lassen möchten, legen Sie locationRestriction für GMSAutocompleteFilter fest. Es werden nur Ergebnisse innerhalb der definierten Region zurückgegeben.

    • Hinweis: Diese Einschränkung wird nur auf ganze Routen angewendet. Synthetische Ergebnisse, die sich außerhalb der rechteckigen Grenzen befinden, werden möglicherweise auf Grundlage einer Route zurückgegeben, die sich mit der Standortbeschränkung überschneidet.
  • Wenn Sie nur Ergebnisse zurückgeben möchten, die einem bestimmten Ortstyp entsprechen, legen Sie type für GMSAutocompleteFilter fest. Wenn Sie beispielsweise TypeFilter.ADDRESS angeben, gibt das Widget nur Ergebnisse mit einer genauen Adresse zurück.

  • Wenn Sie nur Ergebnisse innerhalb von bis zu fünf angegebenen Ländern zurückgeben möchten, legen Sie countries für GMSAutocompleteFilter fest.

Ergebnisse für eine bestimmte Region verzerren

Wenn Sie Ergebnisse (Bias) innerhalb der definierten Region bevorzugt möchten, legen Sie locationBias für GMSAutocompleteFilter fest, wie hier gezeigt:

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

Ergebnisse auf eine bestimmte Region beschränken

Wenn nur Ergebnisse (eingeschränkt) innerhalb der definierten Region angezeigt werden sollen, legen Sie locationRestriction für GMSAutocompleteFilter wie hier gezeigt fest:

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

Ergebnisse nach Land filtern

Um Ergebnisse in bis zu fünf angegebenen Ländern zu filtern, legen Sie countries auf GMSAutocompleteFilter fest, wie hier gezeigt:

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

Ergebnisse nach Ortstyp oder Typsammlung filtern

Sie können die Ergebnisse auf einen bestimmten Typ oder eine bestimmte Typsammlung beschränken. Legen Sie dazu das Attribut types von GMSAutoCompleteFilter fest. Mit dieser Eigenschaft können Sie die in den Tabellen 1, 2 und 3 in Ortstypen aufgeführten Filter angeben. Wurde nichts angegeben, werden alle Typen zurückgegeben.

So legen Sie einen Typ- oder Typsammlungsfilter fest:

  • Mit dem Attribut types lassen sich bis zu fünf Werte für type aus Tabelle 1 und Tabelle 2 unter Ortstypen angeben. Die Typwerte werden durch die Konstanten in GMSPlaceType definiert.

  • Verwenden Sie das Attribut types, um eine Typsammlung aus Tabelle 3 anzugeben, die unter Ortstypen angezeigt wird. Die Werte für die Typsammlung werden durch die Konstanten in GMSPlaceType definiert.

    In der Anfrage ist nur ein einziger Typ aus Tabelle 3 zulässig. Wenn Sie einen Wert aus Tabelle 3 angeben, können Sie keinen Wert aus Tabelle 1 oder Tabelle 2 angeben. Andernfalls tritt ein Fehler auf.

Wenn Sie beispielsweise nur Ergebnisse zurückgeben möchten, die einem bestimmten Ortstyp entsprechen, legen Sie types für GMSAutocompleteFilter fest. Das folgende Beispiel zeigt, wie Sie den Filter so einstellen, dass nur Ergebnisse mit einer genauen Adresse zurückgegeben werden:

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

Place Autocomplete-Optimierung

Hier finden Sie Best Practices, damit Sie den Place Autocomplete-Dienst optimal nutzen können.

Allgemeine Richtlinien:

  • Am schnellsten lässt sich eine funktionierende Benutzeroberfläche mit dem Autocomplete-Widget der Maps JavaScript API, dem Autocomplete-Widget des Places SDK for Android oder den UI-Steuerelementen zur automatischen Vervollständigung des Places SDK for iOS entwickeln.
  • Machen Sie sich zu Beginn mit den wichtigsten Datenfeldern von Place Autocomplete vertraut.
  • Die Felder zur Standortgewichtung und Standortbeschränkung sind optional, können aber erhebliche Auswirkungen auf die Leistung der automatischen Vervollständigung haben.
  • Verwenden Sie die Fehlerbehandlung, wenn die API einen Fehler zurückgibt, damit die Anwendung fehlertolerant reagiert.
  • Die Anwendung sollte Anfragen weiter verarbeiten und weiter funktionieren, auch wenn keine Auswahl getroffen wird.

Best Practices für die Kostenoptimierung

Einfache Kostenoptimierung

Wenn Sie die Kosten für die Nutzung des Place Autocomplete-Dienstes optimieren möchten, verwenden Sie Feldmasken in den Place Details- und Place Autocomplete-Widgets, damit nur die erforderlichen Ortsdatenfelder zurückgegeben werden.

Erweiterte Kostenoptimierung

Ziehen Sie die programmatische Implementierung von Place Autocomplete in Betracht, um Kosten pro Anfrage nutzen zu können und Geocoding API-Ergebnisse für den ausgewählten Ort anstelle von Place Details-Ergebnissen anzufordern. Wenn Sie die Kosten pro Anfrage mit der Geocoding API kombinieren, ist das kosteneffizienter als die Verwendung von Kosten pro Sitzung (sitzungsbasiert), sofern die beiden folgenden Bedingungen erfüllt werden:

  • Wenn Sie nur den Breiten- oder Längengrad oder die Adresse des vom Nutzer ausgewählten Orts abrufen möchten, erhalten Sie entsprechende Informationen über die Geocoding API, für die weniger Kosten anfallen als bei einem Place Details-Aufruf.
  • Wenn Nutzer eine automatische Vervollständigung bei durchschnittlich maximal 4 entsprechenden Anfragen auswählen, ist der Preis pro Anfrage möglicherweise kosteneffizienter als der Preis pro Sitzung.
Wenn Sie Hilfe bei der Auswahl der Place Autocomplete-Implementierung benötigen, klicken Sie auf den Tab, der Ihrer Antwort auf die folgende Frage am ehesten entspricht.

Benötigt Ihre Anwendung weitere Informationen als Adresse und Breiten-/Längengrad des ausgewählten Vorschlags?

Ja, weitere Details sind erforderlich.

Nutzen Sie das sitzungsbasierte Place Autocomplete-Modell mit Place Details-Anfragen.
Da für Ihre Anwendung Details zum Ort erforderlich sind, etwa der Name des Orts, der Unternehmensstatus oder die Öffnungszeiten, sollte bei der Implementierung von Place Autocomplete ein Sitzungstoken (programmatisch oder im JavaScript-, Android- oder iOS-Widget integriert) verwendet werden. Dabei fallen insgesamt 0,017 $ pro Sitzung zzgl. der Kosten pro genutztem Places Data SKU an, je nachdem, welche Datenfelder angefordert werden.1

Widget-Implementierung
Die Sitzungsverwaltung ist automatisch in das JavaScript-,Android- oder iOS-Widget integriert. Das umfasst sowohl Place Autocomplete-Anfragen als auch die Place Details-Anfrage für den ausgewählten Vorschlag. Der fields-Parameter muss festgelegt werden, damit nur die erforderlichen Ortsdatenfelder angefordert werden.

Programmatische Implementierung
Verwenden Sie für Place Autocomplete-Anfragen ein Sitzungstoken. Binden Sie die folgenden Parameter ein, wenn Sie Details zum Ort für den ausgewählten Vorschlag anfordern:

  1. Die Orts-ID aus der Place Autocomplete-Antwort
  2. Das Sitzungstoken, das in der Place Autocomplete-Anfrage verwendet wird
  3. Den fields-Parameter, mit dem die erforderlichen Ortsdatenfelder angegeben werden

Nein, es sind nur Adresse und Standort erforderlich.

Die Verwendung der Geocoding API ist für Ihre Anwendung möglicherweise kosteneffizienter als die Nutzung von Place Details, wobei dies abhängig von der Leistung der Place Autocomplete-Nutzung ist. Die Effizienz von Place Autocomplete in einer Anwendung hängt von der Eingabe der Nutzer, vom Ort der Verwendung sowie davon ab, ob die Best Practices zur Leistungsoptimierung implementiert wurden.

Um die folgende Frage beantworten zu können, analysieren Sie, wie viele Zeichen Nutzer durchschnittlich eingeben, bevor sie in Ihrer Anwendung einen Place Autocomplete-Vorschlag auswählen.

Wählen Ihre Nutzer durchschnittlich bei 4 oder weniger Anfragen einen Place Autocomplete-Vorschlag aus?

Ja

Implementieren Sie Place Autocomplete programmatisch ohne Sitzungstokens und rufen Sie die Geocoding API für den ausgewählten Ortsvorschlag auf.
Über die Geocoding API erhalten Sie Adressen und Breiten-/Längenkoordinaten für 0,005 $ pro Anfrage. Wenn 4 Place Autocomplete-Anfragen mit Preis pro Anfrage ausgeführt werden, fallen Kosten von 0,01132 $ an. Die Gesamtkosten der 4 Anfragen plus die Kosten für einen Geocoding API-Aufruf zum ausgewählten Ortsvorschlag betragen 0,01632 $, also weniger als der Preis pro Sitzung mit automatischer Vervollständigung von 0,017 $ pro Sitzung.1

Wenn Sie die Best Practices zur Leistung beachten, erhalten Ihre Nutzer bereits mit weniger eingegebenen Zeichen passende Vorschläge.

Nein

Nutzen Sie das sitzungsbasierte Place Autocomplete-Modell mit Place Details-Anfragen.
Da die Kosten für die durchschnittliche Anzahl von Anfragen, die Sie erwarten, bevor ein Nutzer einen Place Autocomplete-Vorschlag auswählt, den Preis pro Sitzung übersteigen, sollte Ihre Place Autocomplete-Implementierung sowohl für die Place Autocomplete-Anfragen als auch für die zugehörige Place Details-Anfrage ein Sitzungstoken nutzen, für das insgesamt 0,017 $ pro Sitzung anfallen.1

Widget-Implementierung
Die Sitzungsverwaltung ist automatisch in das JavaScript-,Android- oder iOS-Widget integriert. Das umfasst sowohl Place Autocomplete-Anfragen als auch die Place Details-Anfrage für den ausgewählten Vorschlag. Der fields-Parameter muss festgelegt werden, damit nur die grundlegenden Datenfelder angefordert werden.

Programmatische Implementierung
Verwenden Sie für Place Autocomplete-Anfragen ein Sitzungstoken. Binden Sie die folgenden Parameter ein, wenn Sie Details zum Ort für den ausgewählten Vorschlag anfordern:

  1. Die Orts-ID aus der Place Autocomplete-Antwort
  2. Das Sitzungstoken, das in der Place Autocomplete-Anfrage verwendet wird
  3. Den fields-Parameter, mit dem grundlegende Datenfelder wie das Feld „Adresse“ oder „Geometrie“ angegeben werden

Place Autocomplete-Anfragen verzögern
Sie können Place Autocomplete-Anfragen verzögern, bis der Nutzer die ersten 3 oder 4 Zeichen eingegeben hat, damit weniger Anfragen über die Anwendung gestellt werden. Wenn beispielsweise Place Autocomplete-Anfragen für jedes Zeichen nach dem dritten eingegebenen Zeichen erfolgen und der Nutzer 7 Zeichen eingegeben hat und dann für einen Vorschlag eine Geocoding API-Anfrage stellt, fallen insgesamt Kosten von 0,01632 $ an (4 × 0,00283 $ pro Anfrage zur automatischen Vervollständigung + 0,005 $ für eine Geocoding-Anfrage).1

Wenn sich durch das Verzögern von Anfragen Ihre durchschnittliche Anzahl programmatischer Anfragen auf unter 4 senken lässt, empfehlen wir, die Anleitung für eine leistungsstarke Place Autocomplete-Funktion mit Geocoding API-Implementierung zu beachten. Das Verzögern von Anfragen wird vom Nutzer, der evtl. bei jedem eingegebenen Zeichen mit Vorschlägen rechnet, möglicherweise als Latenz wahrgenommen.

Wenn Sie die Best Practices zur Leistung beachten, erhalten Ihre Nutzer bereits mit weniger eingegebenen Zeichen passende Vorschläge.


  1. Die hier aufgeführten Kosten sind in US-Dollar angegeben. Vollständige Preisinformationen finden Sie auf der Seite Google Maps Platform – Abrechnung.

Best Practices für die Leistung

Im Folgenden finden Sie Tipps zum Optimieren der Place Autocomplete-Leistung:

  • Binden Sie in Ihre Place Autocomplete-Implementierung länderspezifische Einschränkungen, eine Standortgewichtung und (bei programmatischen Implementierungen) eine Spracheinstellung ein. Die Spracheinstellung ist bei Widgets nicht erforderlich, weil bei ihnen die Spracheinstellungen aus dem Browser oder vom Mobilgerät des Nutzers übernommen werden.
  • Wenn Place Autocomplete mit einer Karte kombiniert wird, können Sie den Standort anhand des Darstellungsbereichs der Karte gewichten.
  • Wenn ein Nutzer keinen der Vorschläge der automatischen Vervollständigungen auswählt, was in der Regel geschieht, wenn es sich bei keinem Vorschlag um die gewünschte Adresse handelt, können Sie anhand der ursprünglichen Nutzereingabe versuchen, relevantere Ergebnisse zu erhalten:
    • Wenn der Nutzer voraussichtlich nur Adressinformationen eingibt, können Sie die ursprüngliche Nutzereingabe bei einem Aufruf der Geocoding API noch einmal verwenden.
    • Wenn Sie davon ausgehen, dass der Nutzer Abfragen für einen bestimmten Ort mithilfe von Name oder Adresse eingibt, verwenden Sie eine Find Place-Anfrage. Wenn nur in einer bestimmten Region Ergebnisse erwartet werden, nutzen Sie die Standortgewichtung.
    Bei folgenden Szenarien empfehlen wir, ein Fallback auf die Geocoding API zu nutzen:
    • Nutzer, die eigene Adressen in Ländern angeben, in denen die Unterstützung von Place Autocomplete noch nicht vollständig ist, z. B. Tschechien, Estland und Litauen Beispiel: Die tschechische Adresse „Stroupežnického 3191/17, Praha“ liefert eine teilweise Vervollständigung in Place Autocomplete.
    • Wenn Nutzer Adressen mit Präfixen für Straßenabschnitte eingeben, z. B. „23-30 29th St, Queens“ in New York City oder „47-380 Kamehameha Hwy, Kaneohe“ auf der Insel Kauai in Hawaii

Fehlerbehebung

Obwohl eine Vielzahl von Fehlern auftreten kann, wird der Großteil der Fehler, die mit der Anwendung auftreten können, in der Regel durch Konfigurationsfehler (z. B. der falsche API-Schlüssel oder der falsche API-Schlüssel) oder Kontingentfehler (die Anwendung hat das Kontingent überschritten) verursacht. Weitere Informationen zu Kontingenten finden Sie unter Nutzungslimits.

Fehler bei der Verwendung der Steuerelemente für die automatische Vervollständigung werden in der Methode didFailAutocompleteWithError() der verschiedenen Delegate-Protokolle zurückgegeben. Das Attribut code des bereitgestellten NSError-Objekts ist auf einen der Werte der Aufzählung GMSPlacesErrorCode festgelegt.