Después de habilitar la facturación y crear una clave de API, podrás configurar el proyecto de Xcode que usas para desarrollar tu app.
Las notas de la versión están disponibles para cada versión.
Paso 1: Instala el software requerido
Para compilar un proyecto con el SDK de Maps para iOS, debes descargar e instalar lo siguiente:
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:
- 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 el desarrollo para iOS, haz lo siguiente:
- Crea un proyecto nuevo
- Seleccione la plantilla iOS > App.
- En la pantalla de opciones del proyecto, haz lo siguiente:
- Ingresa el Nombre del proyecto.
- Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
- Configura la Interfaz del proyecto como Storyboard.
- En Language, selecciona Objective-C o Swift.
- Crea un archivo llamado
Podfile
en el directorio de tu proyecto. Este archivo define las dependencias de tu proyecto. - Edita
Podfile
y agrega tus dependencias junto con sus versiones. A continuación, se muestra un ejemplo en el que se incluye la dependencia que necesitas para el 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.2.0' end
Asegúrate de ejecutarpod outdated
con frecuencia para detectar cuándo haya una versión más reciente y asegurarte de estar siempre actualizada. Si es necesario, actualiza a la versión más reciente. - Guarda el
Podfile
. Abre una terminal y ve al directorio que contiene el archivo
Podfile
:cd <path-to-project>
Ejecuta el comando
pod install
. Eso hará que se instalen las API especificadas en el archivoPodfile
, junto con las dependencias que puedan tener.pod install
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:
- Abre una terminal y ve al directorio del proyecto que contiene el archivo
Podfile
. - Ejecuta el comando
pod update
. Esto actualizará todas las APIs especificadas enPodfile
a la versión más reciente.
Instala el XCFramework
Un XCFramework es un paquete binario que puedes usar en varias plataformas, incluidas las máquinas que utilizan el chipset 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 cómo configurar los parámetros de compilación en Xcode.
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.
- Descarga los archivos fuente del SDK: GoogleMaps-8.2.0.
- Desempaqueta los archivos fuente. Navega a la carpeta Frameworks para acceder a XCFramework.
- 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 el desarrollo para iOS, haz lo siguiente:
- Crea un proyecto nuevo
- Seleccione la plantilla iOS > App.
- En la pantalla de opciones del proyecto, haz lo siguiente:
- Ingresa el Nombre del proyecto.
- Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
- Configura la Interfaz del proyecto como Storyboard.
- En Language, selecciona Objective-C o Swift.
- Arrastra el siguiente XCFrameworks a tu proyecto en Frameworks, Libraries and Embedded Content. Asegúrate de seleccionar No incorporar 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
- Haz clic con el botón derecho en
GoogleMaps.xcframework
en tu proyecto y selecciona Show In Finder. - Arrastra el archivo
GoogleMaps.bundle
de la carpetaios-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 Copiar elementos si es necesario no esté seleccionada. - Selecciona tu proyecto en el navegador de proyectos y elige el destino de la aplicación.
- Abre la pestaña Fases de compilación para el destino de tu aplicación y en Vincular objeto binario con bibliotecas, y agrega los siguientes frameworks 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
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 de Basic a All.Para instalar el SDK de Places para iOS XCFramework, consulta Cómo comenzar a utilizar el SDK de Places para iOS.
Con Cartago
Instalar manualmente
En esta guía, se muestra cómo agregar manualmente el SDK de Maps para iOS a tu proyecto y configurar los parámetros de compilación en Xcode.
- Descarga los archivos fuente del SDK: GoogleMaps-8.2.0.
- Desempaqueta los archivos fuente.
- 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 el desarrollo para iOS, haz lo siguiente:
- Crea un proyecto nuevo
- Seleccione la plantilla iOS > App.
- En la pantalla de opciones del proyecto, haz lo siguiente:
- Ingresa el Nombre del proyecto.
- Registra el valor del campo Identificador de paquete. Puedes usar ese valor para restringir tu clave de API a continuación.
- Configura la Interfaz del proyecto como Storyboard.
- En Language, selecciona Objective-C o Swift.
- 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.xcframework
GoogleMaps-x.x.x/Maps/Frameworks/GoogleMaps.xcframework
GoogleMaps-x.x.x/Maps/Frameworks/GoogleMapsCore.xcframework
- (Solo para clientes del plan Premium)
GoogleMaps-x.x.x/M4B/Frameworks/GoogleMapsM4B.xcframework
- Haz clic derecho sobre
GoogleMaps.xcframework
en tu proyecto y selecciona Show In Finder. - Arrastra el archivo
GoogleMaps.bundle
de la carpetaResources
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. - Selecciona tu proyecto en el navegador de proyectos y elige el destino para la aplicación.
- Abre la pestaña Fases de compilación del destino de tu aplicación y, en Vincular objeto binario con bibliotecas, agrega los siguientes frameworks 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
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.A fin de instalar el SDK de Places para iOS, consulta Cómo comenzar a utilizar 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:
- Agrega la siguiente sentencia de importación:
import GoogleMaps
- Usa tu clave de API para agregar lo siguiente al método
application(_:didFinishLaunchingWithOptions:)
:GMSServices.provideAPIKey("YOUR_API_KEY")
- 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:
- Agrega la siguiente sentencia de importación:
@import GoogleMaps;
- Usa tu clave de API para agregar lo siguiente al método
application:didFinishLaunchingWithOptions:
:[GMSServices provideAPIKey:@"YOUR_API_KEY"];
- 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 (opcional): Habilita el uso del framework de renderización 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 vistas 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 ViewController
existente:
Agrega o actualiza los métodos en el
ViewController
predeterminado de tu app para crear e inicializar una instancia deGMSMapView
.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
Ejecuta tu aplicación. Deberías ver un mapa con un solo marcador centrado sobre 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 quieren 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. 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
:
<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:
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.
Próximos pasos
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 ejemplo que pueden ayudarte a comenzar. Para obtener más información, consulta los siguientes recursos: