Cómo agregar un marcador a un mapa
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
En este ejemplo, se muestra un mapa con pines para marcadores en Sídney y Melbourne, Australia.
Comenzar
Antes de probar el código de muestra, debes configurar tu entorno de desarrollo.
Para obtener más información, consulta Muestras de código del SDK de Maps para iOS.
Consulta el código
Swift
import GoogleMaps
import UIKit
// Sample code for adding a marker.
class MarkersViewController: UIViewController {
private lazy var sydneyMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -33.8683, longitude: 151.2086))
private lazy var melbourneMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -37.81969, longitude: 144.966085))
private lazy var mapView: GMSMapView = {
let camera = GMSCameraPosition(latitude: -37.81969, longitude: 144.966085, zoom: 4)
return GMSMapView(frame: .zero, camera: camera)
}()
override func loadView() {
view = mapView
sydneyMarker.title = "Sydney"
sydneyMarker.snippet = "Population: 4,605,992"
sydneyMarker.isFlat = false
sydneyMarker.rotation = 30
print("sydneyMarker: \(sydneyMarker)")
let australiaMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -27.994401, longitude: 140.07019))
australiaMarker.title = "Australia"
australiaMarker.appearAnimation = .pop
australiaMarker.isFlat = true
australiaMarker.isDraggable = true
australiaMarker.groundAnchor = CGPoint(x: 0.5, y: 0.5)
australiaMarker.icon = UIImage(named: "australia")
australiaMarker.map = mapView
mapView.selectedMarker = sydneyMarker
navigationItem.rightBarButtonItem = UIBarButtonItem(
barButtonSystemItem: .add, target: self, action: #selector(tapAdd))
}
@objc func tapAdd() {
if sydneyMarker.map == nil {
sydneyMarker.map = mapView
} else {
sydneyMarker.map = nil
}
melbourneMarker.title = "Melbourne"
melbourneMarker.snippet = "Population: 4,169,103"
melbourneMarker.map = mapView
}
}
Objective-C
#import "GoogleMapsDemos/Samples/MarkersViewController.h"
#import <GoogleMaps/GoogleMaps.h>
@implementation MarkersViewController {
GMSMarker *_sydneyMarker;
GMSMarker *_melbourneMarker;
GMSMarker *_fadeInMarker;
}
- (void)viewDidLoad {
[super viewDidLoad];
GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-37.81969
longitude:144.966085
zoom:4];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];
_sydneyMarker = [[GMSMarker alloc] init];
_sydneyMarker.title = @"Sydney";
_sydneyMarker.snippet = @"Population: 4,605,992";
_sydneyMarker.position = CLLocationCoordinate2DMake(-33.8683, 151.2086);
_sydneyMarker.flat = NO;
_sydneyMarker.rotation = 30.0;
NSLog(@"sydneyMarker: %@", _sydneyMarker);
GMSMarker *australiaMarker = [[GMSMarker alloc] init];
australiaMarker.title = @"Australia";
australiaMarker.position = CLLocationCoordinate2DMake(-27.994401, 140.07019);
australiaMarker.appearAnimation = kGMSMarkerAnimationPop;
australiaMarker.flat = YES;
australiaMarker.draggable = YES;
australiaMarker.groundAnchor = CGPointMake(0.5, 0.5);
australiaMarker.icon = [UIImage imageNamed:@"australia"];
australiaMarker.map = mapView;
_fadeInMarker = [[GMSMarker alloc] init];
_fadeInMarker.title = @"Australia";
_fadeInMarker.position = CLLocationCoordinate2DMake(-29.9959, 145.0719);
_fadeInMarker.appearAnimation = kGMSMarkerAnimationFadeIn;
_fadeInMarker.icon = [UIImage imageNamed:@"australia"];
// Set the marker in Sydney to be selected
mapView.selectedMarker = _sydneyMarker;
self.view = mapView;
self.navigationItem.rightBarButtonItem =
[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd
target:self
action:@selector(didTapAdd)];
}
- (void)didTapAdd {
if (_sydneyMarker.map == nil) {
_sydneyMarker.map = (GMSMapView *)self.view;
} else {
_sydneyMarker.map = nil;
}
_melbourneMarker.map = nil;
_melbourneMarker = [[GMSMarker alloc] init];
_melbourneMarker.title = @"Melbourne";
_melbourneMarker.snippet = @"Population: 4,169,103";
_melbourneMarker.position = CLLocationCoordinate2DMake(-37.81969, 144.966085);
_melbourneMarker.map = (GMSMapView *)self.view;
if (_fadeInMarker.map) {
_fadeInMarker.map = nil;
} else {
_fadeInMarker.map = (GMSMapView *)self.view;
}
}
@end
Ejecuta la app de ejemplo completa de forma local
La app de ejemplo del SDK de Maps para iOS está disponible como archivo de descarga en GitHub.
Sigue estos pasos para instalar y probar la app de ejemplo del SDK de Maps para iOS.
- Ejecuta
git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.git
para clonar el repositorio de muestras en un directorio local.
Abre una ventana de terminal, navega al directorio en el que clonaste los archivos de muestra y desplázate hacia abajo hasta el directorio 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
- En Xcode, presiona el botón de compilación para
compilar la app
con el esquema actual. La compilación genera un error que te solicita que ingreses tu clave de API
en el archivo
SDKConstants.swift
para Swift o en el archivoSDKDemoAPIKey.h
para Objective-C.
- Obtén una clave de API de tu proyecto con el SDK de Maps para iOS habilitado.
- Edita el archivo
SDKConstants.swift
para Swift o el archivo SDKDemoAPIKey.h
para Objective-C y pega tu clave de API en la definición de la constante apiKey
o kAPIKey
. Por ejemplo:
Swift
static let apiKey = "YOUR_API_KEY"
Objective-C
static NSString *const kAPIKey = @"YOUR_API_KEY";
- En el archivo
SDKConstants.swift
(Swift) o en el archivo SDKDemoAPIKey.h
(Objective-C), quita la siguiente línea, ya que se usa para registrar el problema definido por el usuario:
Swift
#error (Register for API Key and insert here. Then delete this line.)
Objective-C
#error Register for API Key and insert here.
- Compila y ejecuta el proyecto. Aparecerá la ventana del simulador de iOS, que mostrará una lista de demostraciones del SDK de Maps.
- Elige una de las opciones que se muestran para experimentar con una función del SDK de Maps para iOS.
- Si se te solicita que permitas que GoogleMapsDemos acceda a tu ubicación, elige Permitir.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-08-31 (UTC)
[null,null,["Última actualización: 2025-08-31 (UTC)"],[[["\u003cp\u003eThis example demonstrates how to add markers to a map using the Google Maps SDK for iOS.\u003c/p\u003e\n"],["\u003cp\u003eThe sample code showcases adding markers for Sydney and Melbourne with custom properties like titles, snippets, and icons.\u003c/p\u003e\n"],["\u003cp\u003eYou must configure your development environment with an API key before running the code.\u003c/p\u003e\n"],["\u003cp\u003eComplete instructions are provided for cloning the sample code repository, installing dependencies, and running the application on an iOS simulator.\u003c/p\u003e\n"]]],[],null,["This example displays a map with pins for markers on Sydney and Melbourne, Australia.\n\nGet started\n\nBefore you can try the sample code, you must configure your development environment.\nFor more information, see [Maps SDK for iOS code samples](/maps/documentation/ios-sdk/examples).\n\nView the code \n\nSwift \n\n```swift\nimport GoogleMaps\nimport UIKit\n\n// Sample code for adding a marker.\nclass MarkersViewController: UIViewController {\n private lazy var sydneyMarker = GMSMarker(\n position: CLLocationCoordinate2D(latitude: -33.8683, longitude: 151.2086))\n\n private lazy var melbourneMarker = GMSMarker(\n position: CLLocationCoordinate2D(latitude: -37.81969, longitude: 144.966085))\n\n private lazy var mapView: GMSMapView = {\n let camera = GMSCameraPosition(latitude: -37.81969, longitude: 144.966085, zoom: 4)\n return GMSMapView(frame: .zero, camera: camera)\n }()\n\n override func loadView() {\n view = mapView\n\n sydneyMarker.title = \"Sydney\"\n sydneyMarker.snippet = \"Population: 4,605,992\"\n sydneyMarker.isFlat = false\n sydneyMarker.rotation = 30\n print(\"sydneyMarker: \\(sydneyMarker)\")\n\n let australiaMarker = GMSMarker(\n position: CLLocationCoordinate2D(latitude: -27.994401, longitude: 140.07019))\n australiaMarker.title = \"Australia\"\n australiaMarker.appearAnimation = .pop\n australiaMarker.isFlat = true\n australiaMarker.isDraggable = true\n australiaMarker.groundAnchor = CGPoint(x: 0.5, y: 0.5)\n australiaMarker.icon = UIImage(named: \"australia\")\n australiaMarker.map = mapView\n\n mapView.selectedMarker = sydneyMarker\n navigationItem.rightBarButtonItem = UIBarButtonItem(\n barButtonSystemItem: .add, target: self, action: #selector(tapAdd))\n }\n\n @objc func tapAdd() {\n if sydneyMarker.map == nil {\n sydneyMarker.map = mapView\n } else {\n sydneyMarker.map = nil\n }\n melbourneMarker.title = \"Melbourne\"\n melbourneMarker.snippet = \"Population: 4,169,103\"\n melbourneMarker.map = mapView\n }\n}https://github.com/googlemaps-samples/maps-sdk-for-ios-samples/blob/86408feffd008565cd2cafce8aff3dc27f1f41bb/GoogleMaps-Swift/GoogleMapsSwiftDemos/Swift/Samples/MarkersViewController.swift#L14-L64\n \n```\n\nObjective-C \n\n```objective-c\n#import \"GoogleMapsDemos/Samples/MarkersViewController.h\"\n\n#import \u003cGoogleMaps/GoogleMaps.h\u003e\n\n@implementation MarkersViewController {\n GMSMarker *_sydneyMarker;\n GMSMarker *_melbourneMarker;\n GMSMarker *_fadeInMarker;\n}\n\n- (void)viewDidLoad {\n [super viewDidLoad];\n GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-37.81969\n longitude:144.966085\n zoom:4];\n GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];\n\n _sydneyMarker = [[GMSMarker alloc] init];\n _sydneyMarker.title = @\"Sydney\";\n _sydneyMarker.snippet = @\"Population: 4,605,992\";\n _sydneyMarker.position = CLLocationCoordinate2DMake(-33.8683, 151.2086);\n _sydneyMarker.flat = NO;\n _sydneyMarker.rotation = 30.0;\n NSLog(@\"sydneyMarker: %@\", _sydneyMarker);\n\n GMSMarker *australiaMarker = [[GMSMarker alloc] init];\n australiaMarker.title = @\"Australia\";\n australiaMarker.position = CLLocationCoordinate2DMake(-27.994401, 140.07019);\n australiaMarker.appearAnimation = kGMSMarkerAnimationPop;\n australiaMarker.flat = YES;\n australiaMarker.draggable = YES;\n australiaMarker.groundAnchor = CGPointMake(0.5, 0.5);\n australiaMarker.icon = [UIImage imageNamed:@\"australia\"];\n australiaMarker.map = mapView;\n\n _fadeInMarker = [[GMSMarker alloc] init];\n _fadeInMarker.title = @\"Australia\";\n _fadeInMarker.position = CLLocationCoordinate2DMake(-29.9959, 145.0719);\n _fadeInMarker.appearAnimation = kGMSMarkerAnimationFadeIn;\n _fadeInMarker.icon = [UIImage imageNamed:@\"australia\"];\n\n // Set the marker in Sydney to be selected\n mapView.selectedMarker = _sydneyMarker;\n\n self.view = mapView;\n self.navigationItem.rightBarButtonItem =\n [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd\n target:self\n action:@selector(didTapAdd)];\n}\n\n- (void)didTapAdd {\n if (_sydneyMarker.map == nil) {\n _sydneyMarker.map = (GMSMapView *)self.view;\n } else {\n _sydneyMarker.map = nil;\n }\n\n _melbourneMarker.map = nil;\n _melbourneMarker = [[GMSMarker alloc] init];\n _melbourneMarker.title = @\"Melbourne\";\n _melbourneMarker.snippet = @\"Population: 4,169,103\";\n _melbourneMarker.position = CLLocationCoordinate2DMake(-37.81969, 144.966085);\n _melbourneMarker.map = (GMSMapView *)self.view;\n\n if (_fadeInMarker.map) {\n _fadeInMarker.map = nil;\n } else {\n _fadeInMarker.map = (GMSMapView *)self.view;\n }\n}\n\n@end \nhttps://github.com/googlemaps-samples/maps-sdk-for-ios-samples/blob/86408feffd008565cd2cafce8aff3dc27f1f41bb/GoogleMaps/GoogleMapsDemos/Samples/MarkersViewController.m#L16-L88\n\n \n```\n\nRun the full sample app locally\n\nThe Maps SDK for iOS sample app is available as a\n[download archive](https://github.com/googlemaps-samples/maps-sdk-for-ios-samples/archive/main.zip)\nfrom [GitHub](https://github.com/googlemaps-samples/maps-sdk-for-ios-samples/tree/main/GoogleMaps).\nFollow these steps to install and try the Maps SDK for iOS sample app.\n\n1. Run `git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.git` to clone the samples repository into a local directory.\n2. Open a terminal window, navigate to the directory where you cloned the sample files, and\n drill down into the GoogleMaps directory:\n\n Swift \n\n cd maps-sdk-for-ios-samples-main/GoogleMaps-Swift\n pod install\n open GoogleMapsSwiftDemos.xcworkspace\n\n Objective-C \n\n cd maps-sdk-for-ios-samples-main/GoogleMaps\n pod install\n open GoogleMapsDemos.xcworkspace\n\n3. In Xcode, press the compile button to [build the app](https://developer.apple.com/documentation/xcode/building-and-running-an-app) with the current scheme. The build produces an error, prompting you to enter your API key in the `SDKConstants.swift` file for Swift or`SDKDemoAPIKey.h` file for Objective-C.\n4. [Get an API key](/maps/documentation/ios-sdk/get-api-key) from your project with the [Maps SDK for iOS enabled](/maps/documentation/ios-sdk/cloud-setup#enabling-apis).\n5. Edit the `SDKConstants.swift` file for Swift or`SDKDemoAPIKey.h` file for Objective-C and paste your API key into the definition of either the `apiKey` or `kAPIKey` constant. For example: \n\n Swift \n\n ```scdoc\n static let apiKey = \"YOUR_API_KEY\"\n ```\n\n Objective-C \n\n ```objective-c\n static NSString *const kAPIKey = @\"YOUR_API_KEY\";\n ```\n6. In the `SDKConstants.swift` file (Swift) or`SDKDemoAPIKey.h` file (Objective-C), remove the following line, because it's used to register the user-defined issue: \n\n Swift \n\n ```text\n #error (Register for API Key and insert here. Then delete this line.)\n ```\n\n Objective-C \n\n ```text\n #error Register for API Key and insert here.\n ```\n7. Build and run the project. The iOS simulator window appears, showing a list of **Maps SDK Demos**.\n8. Choose one of the options displayed, to experiment with a feature of the Maps SDK for iOS.\n9. If prompted to allow GoogleMapsDemos to access your location, choose **Allow**."]]