Configura un proyecto de Xcode

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

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

Paso 1: Instala el software requerido

Para compilar un proyecto con Maps SDK for iOS, debes descargar y, luego, instalar la siguiente información:

  • Xcode versión 13.0 o posterior
  • CocoaPods o Carthage

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

Mediante 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 eres nuevo en el desarrollo de iOS, haz lo siguiente:
    1. Crea un nuevo proyecto.
    2. Seleccione la plantilla iOS > Aplicación.
    3. En la pantalla de opciones del proyecto, haz lo siguiente:
      1. Ingresa el Nombre del proyecto.
      2. Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
      3. Configura la Interfaz del proyecto como Storyboard.
      4. Configura el Idioma como Swift o el Objective-C.
  2. Crea un archivo llamado Podfile en el directorio de tu proyecto. Este archivo define las dependencias de tu proyecto.
  3. Edita el Podfile y agrega tus dependencias junto con sus versiones. A continuación, se muestra un ejemplo que incluye la dependencia que necesitas para el SDK de Maps para iOS:
    source 'https://github.com/CocoaPods/Specs.git'
    
    platform :ios, '13.0'
    
    target 'YOUR_APPLICATION_TARGET_NAME_HERE' do
      pod 'GoogleMaps', '7.2.0'
    end
    Asegúrate de ejecutar periódicamente pod outdated para detectar cuándo hay una versión más reciente a fin de asegurarte de usar siempre la versión más reciente. Si es necesario, actualiza a la versión más reciente.
  4. Guarda el Podfile.
  5. Abre una terminal y ve al directorio que contiene el 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 el Podfile.
  2. Ejecuta el comando pod update. Esto actualizará todas las API especificadas en Podfile a la versión más reciente.

Usar Cartago

El SDK de Maps para iOS está disponible a fin de usarlo con Carthage, un administrador de dependencias descentralizado y sencillo para los proyectos de Swift y Objective-C de Cocoa.

  1. Instalar Cartago. Hay varios métodos, por lo que debes ver el archivo README de Carthage para conocer los pasos exactos.
  2. Si aún no tienes un proyecto de Xcode, créalo y guárdalo en tu máquina local. Si eres nuevo en el desarrollo de iOS, haz lo siguiente:
    1. Crea un nuevo proyecto.
    2. Seleccione la plantilla iOS > Aplicación.
    3. En la pantalla de opciones del proyecto, haz lo siguiente:
      1. Ingresa el Nombre del proyecto.
      2. Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
      3. Configura la Interfaz del proyecto como Storyboard.
      4. Configura el Idioma como Swift o el Objective-C.
  3. Crea un archivo llamado Cartfile en el directorio de tu proyecto. Este archivo define las dependencias de tu proyecto.
  4. Edita el archivo Cartfile y agrega tus dependencias junto con sus versiones:
    binary "https://dl.google.com/geosdk/GoogleMaps.json" == 6.2.1
    Asegúrate de ejecutar carthage outdated de forma periódica para detectar cuándo existe una versión más reciente a fin de asegurarte de estar siempre actualizado. Si es necesario, actualiza a la versión más reciente.
  5. Guarda el Cartfile.
  6. En una ventana de la terminal, ve al directorio que contiene el Cartfile:
    cd <path-to-project>
  7. Ejecuta el comando carthage update. Eso hará que se instalen las API especificadas en el archivo Cartfile, junto con las dependencias que puedan tener.
  8. En el Buscador, en el directorio de tu proyecto, ve a los archivos del marco de trabajo descargados en Carthage/Build/iOS.
  9. Arrastra los siguientes paquetes a tu proyecto (cuando se te solicite, selecciona Copy items if needed, please use the same version as above.)
    • GoogleMaps-x.x.x/Base/Frameworks/GoogleMapsBase.framework
    • GoogleMaps-x.x.x/Maps/Frameworks/GoogleMaps.framework
    • GoogleMaps-x.x.x/Maps/Frameworks/GoogleMapsCore.framework
    • (Solo para clientes del plan Premium) GoogleMaps-x.x.x/M4B/Frameworks/GoogleMapsM4B.framework
  10. Haz clic derecho sobre GoogleMaps.framework en tu proyecto y selecciona Show In Finder.
  11. Arrastra el archivo GoogleMaps.bundle de la carpeta Resources al directorio de nivel superior de tu proyecto de Xcode. Cuando se te solicite, asegúrate de que la opción Copy items into destination group's folder no esté seleccionada.
  12. Selecciona tu proyecto en el navegador de proyectos y elige el destino para la aplicación.
  13. Abre la pestaña Fases de compilación para el destino de tu aplicación y, en Vincular objeto binario con bibliotecas, agrega los siguientes marcos de trabajo y bibliotecas:
    • Accelerate.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
  14. Elige tu proyecto, en lugar de un destino específico, y abre la pestaña Build Settings. En la sección Other Linker Flags, agrega -ObjC. Si esta configuración no es visible, cambia el filtro en la barra Build Settings deBasic a All.

  15. A fin de instalar el SDK de Places para iOS, consulta Cómo comenzar a utilizar el SDK de Places para iOS.

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

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

Instalación manual

En esta guía, se muestra cómo agregar manualmente el SDK de Maps para iOS a tu proyecto y configurar los ajustes de compilación en Xcode.

  1. Descarga los archivos de origen del SDK: GoogleMaps-7.2.0.
  2. Desempaqueta los archivos fuente.
  3. Si aún no tienes un proyecto de Xcode, créalo y guárdalo en tu máquina local. Si eres nuevo en el desarrollo de iOS, haz lo siguiente:
    1. Crea un nuevo proyecto.
    2. Seleccione la plantilla iOS > Aplicación.
    3. En la pantalla de opciones del proyecto, haz lo siguiente:
      1. Ingresa el Nombre del proyecto.
      2. Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
      3. Configura la Interfaz del proyecto como Storyboard.
      4. Configura el Idioma como Swift o el Objective-C.
  4. Arrastra los siguientes paquetes a tu proyecto (cuando se te solicite, selecciona Copy items if needed, please use the same version as above.)
    • GoogleMaps-x.x.x/Base/Frameworks/GoogleMapsBase.framework
    • GoogleMaps-x.x.x/Maps/Frameworks/GoogleMaps.framework
    • GoogleMaps-x.x.x/Maps/Frameworks/GoogleMapsCore.framework
    • (Solo para clientes del plan Premium) GoogleMaps-x.x.x/M4B/Frameworks/GoogleMapsM4B.framework
  5. Haz clic derecho sobre GoogleMaps.framework en tu proyecto y selecciona Show In Finder.
  6. Arrastra el archivo GoogleMaps.bundle de la carpeta Resources al directorio de nivel superior de tu proyecto de Xcode. Cuando se te solicite, asegúrate de que la opción Copy items into destination group's folder no esté seleccionada.
  7. Selecciona tu proyecto en el navegador de proyectos y elige el destino para la aplicación.
  8. Abre la pestaña Fases de compilación para el destino de tu aplicación y, en Vincular objeto binario con bibliotecas, agrega los siguientes marcos de trabajo y bibliotecas:
    • Accelerate.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
  9. Elige tu proyecto, en lugar de un destino específico, y abre la pestaña Build Settings. En la sección Other Linker Flags, agrega -ObjC. Si esta configuración no es visible, cambia el filtro en la barra Build Settings deBasic a All.

  10. A fin de instalar el SDK de Places para iOS, consulta Cómo comenzar a utilizar el SDK de Places para iOS.

Instala XCFramework

Un XCFramework es un paquete binario que puedes usar en varias plataformas, incluidas máquinas que usan el conjunto de chips M1, para instalar el SDK de Maps para iOS. En esta guía, se muestra cómo agregar el XCFramework que contiene el SDK de Maps para iOS a tu proyecto y configurar los ajustes de compilación en Xcode.

Con Carta

El SDK de Maps para iOS está disponible a fin de usarlo con Carthage, un administrador de dependencias simple y descentralizado para los proyectos de Swift y Objective-C de Cocoa.

  1. Instalar Cartago. Hay varios métodos, por lo que debes ver el archivo README de Carthage para conocer los pasos exactos.
  2. Si aún no tienes un proyecto de Xcode, créalo y guárdalo en tu máquina local. Si eres nuevo en el desarrollo de iOS, haz lo siguiente:
    1. Crea un nuevo proyecto.
    2. Seleccione la plantilla iOS > Aplicación.
    3. En la pantalla de opciones del proyecto, haz lo siguiente:
      1. Ingresa el Nombre del proyecto.
      2. Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
      3. Configura la Interfaz del proyecto como Storyboard.
      4. Configura el Idioma como Swift o el Objective-C.
  3. Crea un archivo llamado Cartfile en el directorio de tu proyecto. Este archivo define las dependencias de tu proyecto.
  4. Edita el Cartfile y agrega tus dependencias junto con sus versiones:

    binary "https://dl.google.com/geosdk/GoogleMaps.json" == 6.2.1-beta
  5. Guarda el Cartfile.
  6. En una ventana de la terminal, ve al directorio que contiene el Cartfile:
    cd <path-to-project>
  7. Ejecuta el comando carthage update. De esta manera, se instalarán las API especificadas en Cartfile, junto con las dependencias que puedan tener.
  8. En el Buscador, en el directorio de tu proyecto, ve a los archivos del marco de trabajo descargados en Carthage/Build.
  9. Arrastra los siguientes XCFrameworks a tu proyecto en Frameworks, Bibliotecas y contenido incorporado. Asegúrate de seleccionar Do Not Embed para cada XCFramework:
    • GoogleMaps-x.x.x/GoogleMapsBase.xcframework
    • GoogleMaps-x.x.x/GoogleMaps.xcframework
    • GoogleMaps-x.x.x/GoogleMapsCore.xcframework
    • (Solo para clientes del plan Premium) GoogleMaps-x.x.x/GoogleMapsM4B.xcframework
  10. Haz clic con el botón derecho en GoogleMaps.xcframework en tu proyecto y selecciona Show In Finder.
  11. Arrastra el archivo GoogleMaps.bundle de la carpeta ios-arm64_x86_64-simulator/GoogleMaps.framework/Resources al directorio de nivel superior de tu proyecto de Xcode. Cuando se te solicite, asegúrate de que la opción Copy items if needed no esté seleccionada.
  12. Selecciona tu proyecto en el navegador de proyectos y elige el destino de tu aplicación.
  13. Abre la pestaña Fases de compilación para el destino de tu aplicación y, dentro de Vincular objeto binario con bibliotecas, y agrega los siguientes marcos de trabajo y bibliotecas:
    • Accelerate.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
  14. Elige tu proyecto, en lugar de un destino específico, y abre la pestaña Configuración de compilación. En la sección Other Linker Flags, agrega -ObjC. Si esta configuración no es visible, cambia el filtro en la barra Build Settings de Basic a All.

  15. A fin de instalar el SDK de Places para iOS, XCFramework, consulta Cómo comenzar a usar el SDK de Places para iOS.

Manualmente

En esta guía, se muestra cómo agregar manualmente el SDK de Maps para iOS a tu proyecto y configurar los ajustes de compilación en Xcode.

  1. Descarga los archivos de origen del SDK: GoogleMaps-7.2.0-beta-xcframework.
  2. Desempaqueta los archivos fuente.
  3. Si aún no tienes un proyecto de Xcode, créalo y guárdalo en tu máquina local. Si eres nuevo en el desarrollo de iOS, haz lo siguiente:
    1. Crea un nuevo proyecto.
    2. Seleccione la plantilla iOS > Aplicación.
    3. En la pantalla de opciones del proyecto, haz lo siguiente:
      1. Ingresa el Nombre del proyecto.
      2. Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
      3. Configura la Interfaz del proyecto como Storyboard.
      4. Configura el Idioma como Swift o el Objective-C.
  4. Arrastra los siguientes XCFrameworks a tu proyecto en Frameworks, Bibliotecas y contenido incorporado. Asegúrate de seleccionar Do Not Embed para cada XCFramework:
    • GoogleMaps-x.x.x/GoogleMapsBase.xcframework
    • GoogleMaps-x.x.x/GoogleMaps.xcframework
    • GoogleMaps-x.x.x/GoogleMapsCore.xcframework
    • (Solo para clientes del plan Premium) GoogleMaps-x.x.x/GoogleMapsM4B.xcframework
  5. Haz clic con el botón derecho en GoogleMaps.xcframework en tu proyecto y selecciona Show In Finder.
  6. Arrastra el archivo GoogleMaps.bundle de la carpeta ios-arm64_x86_64-simulator/GoogleMaps.framework/Resources al directorio de nivel superior de tu proyecto de Xcode. Cuando se te solicite, asegúrate de que la opción Copy items if needed no esté seleccionada.
  7. Selecciona tu proyecto en el navegador de proyectos y elige el destino de tu aplicación.
  8. Abre la pestaña Fases de compilación para el destino de tu aplicación y, dentro de Vincular objeto binario con bibliotecas, y agrega los siguientes marcos de trabajo y bibliotecas:
    • Accelerate.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
  9. Elige tu proyecto, en lugar de un destino específico, y abre la pestaña Configuración de compilación. En la sección Other Linker Flags, agrega -ObjC. Si esta configuración no es visible, cambia el filtro en la barra Build Settings de Basic a All.

  10. A fin de instalar el SDK de Places para iOS, XCFramework, consulta Cómo comenzar a usar el SDK de Places para iOS.

Paso 3: Agrega tu clave de API al proyecto

En Obtén una clave de API, generaste una clave de API para tu app. Ahora, agrega esa clave a tu proyecto de Xcode.

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

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 aquí:
    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 aquí:
    [GMSPlacesClient provideAPIKey:@"YOUR_API_KEY"];

Paso 4 (opcional): Habilita el marco de trabajo de procesamiento de Metal

El SDK de Maps para iOS te permite habilitar el uso del framework de renderización de Metal de Apple. Para probar el procesador de Metal en tu app, llama a [GMSServices setMetalRendererEnabled:YES] en Objective-C o a GMSServices.setMetalRendererEnabled(true) en Swift antes de crear cualquier vista de mapa.

Si instalas el SDK de forma manual, también debes asegurarte de agregar Metal.framework en Xcode.

Paso 5: Agrega un mapa

En el siguiente código, se muestra cómo agregar un mapa simple a un objeto ViewController existente:

  1. Agrega o actualiza los métodos en el ViewController predeterminado de tu app para crear e inicializar una instancia de GMSMapView.

    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 camera = GMSCameraPosition.camera(withLatitude: -33.86, longitude: 151.20, zoom: 6.0)
            let mapView = GMSMapView.map(withFrame: self.view.frame, camera: camera)
            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.
      GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-33.86
                                                              longitude:151.20
                                                                   zoom:6];
      GMSMapView *mapView = [GMSMapView mapWithFrame:self.view.frame camera:camera];
      mapView.myLocationEnabled = YES;
      [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
    
          
  2. Ejecuta tu aplicación. Deberías ver un mapa con un solo marcador centrado en Sídney, Australia. Si ves el marcador, pero el mapa no es visible, confirma que hayas proporcionado tu clave de API.

Paso 6 (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 desean abrir; para ello, deben especificar 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.

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

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>googlechromes</string>
    <string>comgooglemaps</string>
</array>

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, se pueden producir los siguientes errores cuando el usuario presiona el logotipo de Google en el mapa:

-canOpenURL: failed for URL: "comgooglemaps://" - error: "This app is not allowed 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 como se describió anteriormente.

¿Qué sigue?

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