Stay organized with collections Save and categorize content based on your preferences.
This example displays a map with two markers. When a marker is tapped, the camera zooms and rotates to focus on the selected marker.
Get startedBefore you can try the sample code, you must configure your development environment. For more information, see Maps SDK for iOS code samples.
View the code Swiftimport GoogleMaps
import UIKit
final class MarkerEventsViewController: UIViewController {
private lazy var mapView: GMSMapView = {
let camera = GMSCameraPosition(latitude: -37.81969, longitude: 144.966085, zoom: 4)
return GMSMapView(frame: .zero, camera: camera)
}()
private var melbourneMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -37.81969, longitude: 144.966085))
override func loadView() {
let sydneyMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -33.8683, longitude: 151.2086))
sydneyMarker.map = mapView
melbourneMarker.map = mapView
mapView.delegate = self
view = mapView
}
}
extension MarkerEventsViewController: GMSMapViewDelegate {
func mapView(_ mapView: GMSMapView, markerInfoWindow marker: GMSMarker) -> UIView? {
if marker == melbourneMarker {
return UIImageView(image: UIImage(named: "Icon"))
}
return nil
}
func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool {
// Animate to the marker
CATransaction.begin()
CATransaction.setAnimationDuration(3)
let camera = GMSCameraPosition(target: marker.position, zoom: 8, bearing: 50, viewingAngle: 60)
mapView.animate(to: camera)
CATransaction.commit()
// Melbourne marker has a InfoWindow so return false to allow markerInfoWindow to
// fire. Also check that the marker isn't already selected so that the InfoWindow
// doesn't close.
if marker == melbourneMarker && mapView.selectedMarker != melbourneMarker {
return false
}
return true
}
}
Objective-C
#import "GoogleMapsDemos/Samples/MarkerEventsViewController.h"
#import <QuartzCore/QuartzCore.h>
#import <GoogleMaps/GoogleMaps.h>
@implementation MarkerEventsViewController {
GMSMapView *_mapView;
GMSMarker *_melbourneMarker;
BOOL _rotating;
}
- (void)viewDidLoad {
[super viewDidLoad];
GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-37.81969
longitude:144.966085
zoom:4];
_mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];
GMSMarker *sydneyMarker = [[GMSMarker alloc] init];
sydneyMarker.position = CLLocationCoordinate2DMake(-33.8683, 151.2086);
sydneyMarker.map = _mapView;
_melbourneMarker = [[GMSMarker alloc] init];
_melbourneMarker.position = CLLocationCoordinate2DMake(-37.81969, 144.966085);
_melbourneMarker.map = _mapView;
_mapView.delegate = self;
self.view = _mapView;
}
#pragma mark - GMSMapViewDelegate
- (UIView *)mapView:(GMSMapView *)mapView markerInfoWindow:(GMSMarker *)marker {
if (marker == _melbourneMarker) {
return [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Icon"]];
}
return nil;
}
- (BOOL)mapView:(GMSMapView *)mapView didTapMarker:(GMSMarker *)marker {
GMSCameraPosition *camera = [[GMSCameraPosition alloc] initWithTarget:marker.position
zoom:8
bearing:50
viewingAngle:60];
// Animate to the marker
[CATransaction begin];
[CATransaction setAnimationDuration:3.f]; // 3 second animation
[CATransaction setCompletionBlock:^{
if (_rotating) { // Animation was interrupted by orientation change.
[CATransaction
setDisableActions:true]; // Disable animation to avoid interruption from rotation.
[_mapView animateToCameraPosition:camera];
}
}];
[mapView animateToCameraPosition:camera];
[CATransaction commit];
// Melbourne marker has a InfoWindow so return NO to allow markerInfoWindow to fire. Also check
// that the marker isn't already selected so that the InfoWindow doesn't close.
if (marker == _melbourneMarker && mapView.selectedMarker != _melbourneMarker) {
return NO;
}
// The Tap has been handled so return YES
return YES;
}
- (void)viewWillTransitionToSize:(CGSize)size
withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {
_rotating = true;
[coordinator
animateAlongsideTransition:nil
completion:^(
id<UIViewControllerTransitionCoordinatorContext> _Nonnull context) {
_rotating = false;
}];
[super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];
}
@end
Run the full sample app locally
The Maps SDK for iOS sample app is available as a download archive from GitHub. Follow these steps to install and try the Maps SDK for iOS sample app.
git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.git to clone the samples repository into a local directory.Open a terminal window, navigate to the directory where you cloned the sample files, and drill down into the GoogleMaps directory:
Swiftcd maps-sdk-for-ios-samples-main/GoogleMaps-SwiftObjective-Cpod installopen GoogleMapsSwiftDemos.xcworkspace
cd maps-sdk-for-ios-samples-main/GoogleMapspod installopen GoogleMapsDemos.xcworkspace
SDKConstants.swift file for Swift orSDKDemoAPIKey.h file for Objective-C.SDKConstants.swift file for Swift orSDKDemoAPIKey.h file for Objective-C and paste your API key into the definition of either the apiKey or kAPIKey constant. For example: Swift
static let apiKey = "YOUR_API_KEY"Objective-C
static NSString *const kAPIKey = @"YOUR_API_KEY";
SDKConstants.swift file (Swift) orSDKDemoAPIKey.h file (Objective-C), remove the following line, because it's used to register the user-defined issue: Swift
#error (Register for API Key and insert here. Then delete this line.)Objective-C
#error Register for API Key and insert here.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-07-23 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-07-23 UTC."],[[["This example demonstrates marker interaction on a map with two markers (Sydney and Melbourne)."],["When a marker is tapped, the map animates with a zoom, bearing, and viewing angle change, focusing on the selected marker."],["The Melbourne marker has a custom info window displayed when tapped."],["To run the sample code, set up your development environment with the Maps SDK for iOS and provide a valid API key."]]],["The code demonstrates a map with two markers. Tapping a marker triggers the camera to animate to that marker's location, zooming in, rotating to a bearing of 50, and setting the viewing angle to 60. For the Melbourne marker, tapping also displays an InfoWindow with an image. The code examples are in Swift and Objective-C, with instructions provided on how to setup and run a full sample app locally.\n"]]
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4