Configura un proyecto de Xcode

Después de habilitar la facturación y crear una clave de API, tendrás todo listo para configurar el proyecto de Xcode que usarás para desarrollar tu app.

Hay notas de la versión disponibles para cada versión.

Paso 1: Instala el software requerido

Para crear un proyecto con el SDK de Maps para iOS, debes descargar e instalar lo siguiente:

  • Xcode versión 14.0 o posterior

Paso 2: Crea el proyecto de Xcode y luego instala el SDK de Maps para iOS

Swift Package Manager

El SDK de Maps para iOS se puede instalar a través de Swift Package Manager. Para agregar el SDK, asegúrate de quitar todas las dependencias existentes del SDK de Maps para iOS.

Para agregar el SDK a un proyecto nuevo o existente, sigue estos pasos:

  1. Abre tu archivo de Xcode project o workspace y ve a Archivo > Agregar dependencias de paquetes.
  2. Ingresa https://github.com/googlemaps/ios-maps-sdk como la URL, presiona Intro para extraer el paquete y haz clic en "Add Package".
  3. Para instalar una version específica, establece el campo Dependency Rule en una de las opciones basadas en versiones. Para proyectos nuevos, te recomendamos especificar la versión más reciente y usar la opción “Versión exacta”. Cuando termines, haz clic en “Add Package”.
  4. En la ventana Choose Package Products, verifica que GoogleMaps, GoogleMapsBase y GoogleMapsCore se agregarán al destino main designado. Cuando termines, haz clic en “Add Package”.
  5. Para verificar la instalación, navega al panel General de tu destino. Deberías ver los paquetes instalados en Frameworks, bibliotecas y contenido incorporado. También puedes ver la sección "Package Dependencies" en "Project Navigator" para verificar el paquete y su versión.

Para actualizar el package de un proyecto existente, sigue estos pasos:

  1. Desde Xcode, ve a “File > Packages > Update To Latest Package Versions”.
  2. Para verificar la instalación, ve a la sección Package Dependencies de Project Navigator para verificar el paquete y su versión.

Para quitar las dependencias existentes del SDK de Maps para iOS que se agregaron con CocoaPods, sigue estos pasos:

  1. Cierra el lugar de trabajo de Xcode. Abre la terminal y ejecuta el siguiente comando:
    sudo gem install cocoapods-deintegrate cocoapods-clean 
    pod deintegrate 
    pod cache clean --all
  2. Quita Podfile, Podfile.resolved y workspace de Xcode si no los usas para ningún otro fin que no sea CocoaPods.

Para quitar el SDK de Maps para iOS existente instalado de forma manual, sigue estos pasos:
  1. En la configuración de tu proyecto de Xcode, busca Frameworks, bibliotecas y contenido incorporado. Usa el signo menos(-) para quitar el siguiente framework:
    • GoogleMaps.xcframework
    • GoogleMapsBase.xcframework
    • GoogleMapsCore.xcframework
  2. En el directorio de nivel superior de tu proyecto de Xcode, quita el paquete GoogleMaps.

CocoaPods

El SDK de Maps para iOS está disponible como un pod de CocoaPods. CocoaPods es un administrador de dependencias de código abierto para proyectos de Swift y Objective-C de Cocoa.

Si todavía no tienes la herramienta CocoaPods, instálala en macOS ejecutando el siguiente comando desde la terminal. Para obtener más detalles, consulta la Guía de introducción de CocoaPods.

sudo gem install cocoapods

Crea un Podfile para el SDK de Maps para iOS y úsalo a fin de instalar la API y sus dependencias:

  1. Si aún no tienes un proyecto de Xcode, créalo y guárdalo en tu máquina local. Si es la primera vez que usas las herramientas de desarrollo para iOS, haz lo siguiente:
    1. Crea un proyecto nuevo
    2. Selecciona la plantilla iOS > App.
    3. En la pantalla de opciones del proyecto, haz lo siguiente:
      1. Ingresa el nombre del proyecto en Project Name.
      2. Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
      3. Establece la Interfaz del proyecto en Storyboard.
      4. Configura el lenguaje como Objective-C o Swift.
  2. Crea un archivo llamado Podfile en el directorio de tu proyecto. Este archivo define las dependencias de tu proyecto.
  3. Edita Podfile y agrega tus dependencias junto con sus versions. A continuación, se muestra un ejemplo en el que se incluye la dependencia que necesitas del SDK de Maps para iOS:
    source 'https://github.com/CocoaPods/Specs.git'
    
    platform :ios, '14.0'
    
    target 'YOUR_APPLICATION_TARGET_NAME_HERE' do
      pod 'GoogleMaps', '8.4.0'
    end
    
    Asegúrate de ejecutar pod outdated de forma periódica para detectar cuándo hay una versión más reciente y, así, asegurarte de usar siempre la más reciente. Si es necesario, realiza la actualización a la versión más reciente.
  4. Guarda el Podfile.
  5. Abre una terminal y ve al directorio que contiene el archivo Podfile:

    cd <path-to-project>
  6. Ejecuta el comando pod install. Eso hará que se instalen las API especificadas en el archivo Podfile, junto con las dependencias que puedan tener.

    pod install
  7. Cierra Xcode. Luego, haz doble clic en el archivo .xcworkspace de tu proyecto para abrirlo y que se inicie Xcode. A partir de este momento, usa el archivo .xcworkspace para abrir el proyecto.

Para actualizar la API de un proyecto existente, sigue estos pasos:

  1. Abre una terminal y ve al directorio del proyecto que contiene Podfile.
  2. Ejecuta el comando pod update. Esto actualizará todas las APIs especificadas en Podfile a la versión más reciente.

Instalación manual

En esta guía, se muestra cómo agregar manualmente el XCFrameworks que contiene el SDK de Maps para iOS a tu proyecto y configurar los parámetros de compilación en Xcode. Un XCFramework es un paquete binario que puedes usar en varias plataformas, incluidas las máquinas que utilizan Apple Silicon.
  1. Descarga los siguientes archivos binarios y de recursos del SDK:
  2. Descomprime los archivos comprimidos para acceder a XCFrameworks y los recursos.
  3. Si aún no tienes un proyecto de Xcode, créalo y guárdalo en tu máquina local. Si es la primera vez que usas las herramientas de desarrollo para iOS, haz lo siguiente:
    1. Crea un proyecto nuevo
    2. Selecciona la plantilla iOS > App.
    3. En la pantalla de opciones del proyecto, haz lo siguiente:
      1. Ingresa el nombre del proyecto en Project Name.
      2. Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
      3. Establece la Interfaz del proyecto en Storyboard.
      4. Configura el lenguaje como Objective-C o Swift.
  4. Abre la pestaña General. Arrastra el siguiente XCFrameworks a tu proyecto en Frameworks, bibliotecas y contenido incorporado. Asegúrate de seleccionar Do Not Embed (No incorporar) para cada XCFramework:
    • GoogleMaps.xcframework
    • GoogleMapsBase.xcframework
    • GoogleMapsCore.xcframework
  5. Copia el GooglePlaces.bundle de GooglePlacesResources que descargaste en el directorio de nivel superior del proyecto de Xcode. Asegúrate de seleccionar Copy items into destination group's folder cuando se te solicite.
  6. Selecciona tu proyecto en el navegador de proyectos y elige el destino de tu aplicación.
  7. Abre la pestaña Fases de compilación del destino de tu aplicación. En Vincular objeto binario con bibliotecas, agrega los siguientes frameworks y bibliotecas:
    • Accelerate.framework
    • Contacts.framework
    • CoreData.framework
    • CoreGraphics.framework
    • CoreImage.framework
    • CoreLocation.framework
    • CoreTelephony.framework
    • CoreText.framework
    • GLKit.framework
    • ImageIO.framework
    • libc++.tbd
    • libz.tbd
    • Metal.framework
    • OpenGLES.framework
    • QuartzCore.framework
    • SystemConfiguration.framework
    • UIKit.framework
  8. Elige tu proyecto, en lugar de un destino específico, y abre la pestaña Build Settings. En la sección Linking - General -> Other Linker Flags, agrega -ObjC a "Debug" y "Release". Si no puedes ver esta configuración, cambia el filtro de la barra Build Settings de Basic a All.

  9. Para instalar el SDK de Places para iOS XCFramework, consulta Cómo comenzar a utilizar el SDK de Places para iOS.

Paso 3: Agrega tu clave de API al proyecto

En Obtener una clave de API, generaste una clave de API para la app. Ahora, agrega esa clave a tu proyecto de Xcode.

En los siguientes ejemplos, reemplaza YOUR_API_KEY por tu clave de API.

.

para obtener más información.

Swift

Agrega tu clave de API a AppDelegate.swift de la siguiente manera:

  1. Agrega la siguiente declaración de importación:
    import GoogleMaps
  2. Agrega lo siguiente a tu método application(_:didFinishLaunchingWithOptions:) con tu clave de API:
    GMSServices.provideAPIKey("YOUR_API_KEY")
  3. Si también usas la API de Places, vuelve a agregar tu clave como se muestra a continuación:
    GMSPlacesClient.provideAPIKey("YOUR_API_KEY")

Objective‑C

Agrega tu clave de API a AppDelegate.m de la siguiente manera:

  1. Agrega la siguiente declaración de importación:
    @import GoogleMaps;
  2. Agrega lo siguiente a tu método application:didFinishLaunchingWithOptions: con tu clave de API:
    [GMSServices provideAPIKey:@"YOUR_API_KEY"];
  3. Si también usas la API de Places, vuelve a agregar tu clave como se muestra a continuación:
    [GMSPlacesClient provideAPIKey:@"YOUR_API_KEY"];

Paso 4: Agrega un mapa

Swift

/*
 *   Copyright 2020 Google Inc. All rights reserved.
 *
 *
 *   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 UIKit
import GoogleMaps

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        // Create a GMSCameraPosition that tells the map to display the
        // coordinate -33.86,151.20 at zoom level 6.

        let options = GMSMapViewOptions()
        options.camera = GMSCameraPosition.camera(withLatitude: -33.86, longitude: 151.20, zoom: 6.0)
        options.frame = self.view.bounds

        let mapView = GMSMapView(options: options)
        self.view.addSubview(mapView)

        // Creates a marker in the center of the map.
        let marker = GMSMarker()
        marker.position = CLLocationCoordinate2D(latitude: -33.86, longitude: 151.20)
        marker.title = "Sydney"
        marker.snippet = "Australia"
        marker.map = mapView
  }
}

Objective‑C

/*
*   Copyright 2020 Google Inc. All rights reserved.
*
*
*   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 "ViewController.h"
#import <GoogleMaps/GoogleMaps.h>

@interface ViewController()

@end

@implementation ViewController

-   (void)viewDidLoad {
  [super viewDidLoad];
  // Do any additional setup after loading the view.
  // Create a GMSCameraPosition that tells the map to display the
  // coordinate -33.86,151.20 at zoom level 6.
  GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
  options.camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                        longitude:151.2086
                                                             zoom:6];
  options.frame = self.view.bounds;
  GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];

  [self.view addSubview:mapView];

  // Creates a marker in the center of the map.
  GMSMarker *marker = [[GMSMarker alloc] init];
  marker.position = CLLocationCoordinate2DMake(-33.86, 151.20);
  marker.title = @"Sydney";
  marker.snippet = @"Australia";
  marker.map = mapView;
}

@end

Paso 5 (opcional): Declara los esquemas de URL que usa la API

A partir de iOS 9 y Xcode 7, las apps pueden declarar los esquemas de URL que intentan abrir especificando los esquemas en el archivo Info.plist de la app. El SDK de Maps para iOS abre la app para dispositivos móviles de Google Maps cuando el usuario hace clic en el logotipo de Google en el mapa y, por lo tanto, tu app puede declarar los esquemas de URL relevantes.

Para declarar los esquemas de URL que usa el SDK de Maps para iOS, agrega las siguientes líneas a tu Info.plist:

LSApplicationQueriesSchemes googlechromes comgooglemaps

En la captura de pantalla siguiente se muestra la configuración de la interfaz de usuario de Xcode:

Configuración de LSApplicationQueriesSchemes en Xcode

Sin la declaración anterior, pueden ocurrir los siguientes errores cuando el usuario presiona el logotipo de Google en el mapa:

-canOpenURL: falló para la URL: "comgooglemaps://" - error: "This app is not allow to query for scheme comgooglemaps" -canOpenURL: failed for URL: "googlechromes://" - error: "This app is not allowed to query for scheme googlechromes"

Para eliminar estos errores, agrega la declaración a tu Info.plist.

Próximos pasos

Ahora que tienes una clave de API y un proyecto de Xcode, puedes crear y ejecutar apps. El SDK de Navigation para iOS proporciona muchos instructivos y apps de ejemplo que pueden ayudarte a comenzar. Para obtener más información, consulta los siguientes recursos: