Exibir um mapa básico

Este exemplo cria um mapa centralizado em Seattle, Washington.

Primeiros passos

Antes de testar o exemplo de código, é necessário configurar o ambiente de desenvolvimento. Para mais informações, consulte Exemplos de código do SDK do Maps para iOS.

Ver o código

Swift

import GoogleMaps
import UIKit

class BasicMapViewController: UIViewController {
  var statusLabel: UILabel!

  override func viewDidLoad() {
    super.viewDidLoad()

    // Seattle coordinates
    let camera = GMSCameraPosition(latitude: 47.6089945, longitude: -122.3410462, zoom: 14)
    let mapView = GMSMapView(frame: view.bounds, camera: camera)
    mapView.delegate = self
    view = mapView
    navigationController?.navigationBar.isTranslucent = false

    statusLabel = UILabel(frame: .zero)
    statusLabel.alpha = 0.0
    statusLabel.backgroundColor = .blue
    statusLabel.textColor = .white
    statusLabel.textAlignment = .center
    view.addSubview(statusLabel)
    statusLabel.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
      statusLabel.topAnchor.constraint(equalTo: view.topAnchor),
      statusLabel.heightAnchor.constraint(equalToConstant: 30),
      statusLabel.leadingAnchor.constraint(equalTo: view.leadingAnchor),
      statusLabel.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    ])
  }
}

extension BasicMapViewController: GMSMapViewDelegate {
  func mapViewDidStartTileRendering(_ mapView: GMSMapView) {
    statusLabel.alpha = 0.8
    statusLabel.text = "Rendering"
  }

  func mapViewDidFinishTileRendering(_ mapView: GMSMapView) {
    statusLabel.alpha = 0.0
  }
}
BasicMapViewController.swift
      

Objective-C

#import "GoogleMapsDemos/Samples/BasicMapViewController.h"

#import <GoogleMaps/GoogleMaps.h>

@implementation BasicMapViewController {
  UILabel *_statusLabel;
}

- (void)viewDidLoad {
  [super viewDidLoad];
  // Seattle coordinates
  GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.6089945
                                                          longitude:-122.3410462
                                                               zoom:14];
  GMSMapView *view = [GMSMapView mapWithFrame:CGRectZero camera:camera];
  view.delegate = self;
  self.view = view;

  // Add status label, initially hidden.
  _statusLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 0, 30)];
  _statusLabel.alpha = 0.0f;
  _statusLabel.autoresizingMask = UIViewAutoresizingFlexibleWidth;
  _statusLabel.backgroundColor = [UIColor blueColor];
  _statusLabel.textColor = [UIColor whiteColor];
  _statusLabel.textAlignment = NSTextAlignmentCenter;

  [view addSubview:_statusLabel];
}

- (void)mapViewDidStartTileRendering:(GMSMapView *)mapView {
  _statusLabel.alpha = 0.8f;
  _statusLabel.text = @"Rendering";
}

- (void)mapViewDidFinishTileRendering:(GMSMapView *)mapView {
  _statusLabel.alpha = 0.0f;
}

@end
BasicMapViewController.m
      

Executar o app de exemplo completo localmente

O app de exemplo do SDK do Maps para iOS está disponível como um arquivo de download no GitHub. Siga estas etapas para instalar e testar o app de exemplo do SDK do Maps para iOS.

1. Execute git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.git para clonar o repositório de amostras em um diretório local.

2. Abra uma janela de terminal, navegue até o diretório em que você clonou os arquivos de amostra e navegue até o diretório GoogleMaps:

   Swift

   cd maps-sdk-for-ios-samples-main/GoogleMaps-Swift
   pod install
   open GoogleMapsSwiftDemos.xcworkspace

   Objective-C

   cd maps-sdk-for-ios-samples-main/GoogleMaps
   pod install
   open GoogleMapsDemos.xcworkspace

3. No Xcode, pressione o botão de compilação para criar o app com o esquema atual. O build gera um erro, solicitando que você insira a chave de API no arquivo SDKConstants.swift para Swift ou SDKDemoAPIKey.h para Objective-C.
4. Se você ainda não tem uma chave de API, siga as instruções para configurar um projeto no console do Google Cloud e receber uma chave de API. Ao configurar a chave no console do Cloud, você pode restringir a chave ao identificador do pacote do app de exemplo para garantir que somente seu app possa usá-la. O identificador de pacote padrão do app de exemplo do SDK é com.example.GoogleMapsDemos.
5. Edite o arquivo SDKConstants.swift para Swift ouSDKDemoAPIKey.h para Objective-C e cole a chave de API na definição da constante apiKey ou kAPIKey. Exemplo:

   Swift

   static let apiKey = "YOUR_API_KEY"

   Objective-C

   static NSString *const kAPIKey = @"YOUR_API_KEY";

6. No arquivo SDKConstants.swift (Swift) ou SDKDemoAPIKey.h (Objective-C), remova a seguinte linha, porque ela é usada para registrar o problema definido pelo usuário:

   Swift

   #error (Register for API Key and insert here. Then delete this line.)

   Objective-C

   #error Register for API Key and insert here.

7. Compile e execute o projeto. A janela do simulador do iOS aparece mostrando uma lista de demonstrações do SDK do Maps.
8. Escolha uma das opções exibidas para testar um recurso do SDK do Maps para iOS.
9. Se você receber uma solicitação para permitir que o GoogleMapsDemos acesse seu local, escolha Permitir.