Dodaj mapę ze znacznikiem

Ten samouczek pokazuje, jak dodać do urządzenia z iOS prostą mapę Google ze znacznikiem . Jest odpowiedni dla osób początkujących lub średnio zaawansowanych w języku Swift oraz Objective-C i ogólną znajomość Xcode. Zaawansowany przewodnik tworzenia map, przeczytaj wskazówki programistów Google.

Za pomocą tego samouczka utworzysz następującą mapę. Znacznik znajduje się w Sydney, Australia.

Pobierz kod

Skopiuj lub pobierz plik repozytorium przykładowych Map Google na iOS na GitHubie.

Możesz też kliknąć następujący przycisk, aby pobrać kod źródłowy:

Podaj mi kod

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
  }
}
      

#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
      

Rozpocznij

Uzyskiwanie klucza interfejsu API i włączanie niezbędnych interfejsów API

Aby ukończyć ten samouczek, potrzebujesz klucza interfejsu API Google z uprawnieniami do użyj pakietu Maps SDK na iOS. Kliknij przycisk, aby pobrać: klucz i aktywuj interfejs API.

Więcej informacji: Uzyskaj klucz interfejsu API.

Dodawanie klucza interfejsu API do aplikacji

Dodaj klucz interfejsu API do AppDelegate.swift w ten sposób:

1. Pamiętaj, że do pliku dodano instrukcję importu:

   import GoogleMaps

2. Edytuj ten wiersz w application(_:didFinishLaunchingWithOptions:) , zastępując YOUR_API_KEY Twoim kluczem interfejsu API:

   GMSServices.provideAPIKey("YOUR_API_KEY")

Tworzenie i uruchamianie aplikacji

1. Połącz urządzenie z iOS z komputerem lub wybierz symulator z menu schematu Xcode.
2. Jeśli używasz urządzenia, upewnij się, że są włączone usługi lokalizacyjne. Jeśli używasz symulatora, wybierz lokalizację w sekcji Funkcje .
3. W Xcode kliknij w menu opcję Product/Run (Produkt/Uruchom). ikonę przycisku).
• Xcode tworzy aplikację, a następnie uruchamia ją na urządzeniu lub w symulatorze.
• Powinna wyświetlić się mapa ze znacznikiem wyśrodkowana na Sydney na wschodnim wybrzeżu Australii, podobnie jak na tej stronie.

Rozwiązywanie problemów:

• Jeśli nie widzisz mapy, sprawdź, czy masz otrzymany klucz interfejsu API oraz do aplikacji, w sposób opisany powyżej. Sprawdź Konsola debugowania Xcode do wyświetlania komunikatów o błędach dotyczących klucza interfejsu API.
• Jeśli klucz API został ograniczony przez identyfikator pakietu na iOS, edytuj aby dodać identyfikator pakietu aplikacji: com.google.examples.map-with-marker
• Upewnij się, że masz dobre połączenie z siecią Wi-Fi lub GPS.
• Skorzystaj z narzędzi do debugowania Xcode. aby wyświetlić logi i debugować aplikację.

Zrozumienie kodu

1. Utwórz mapę i ustaw ją jako widok w usłudze viewDidLoad().

   Swift

   // 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: CGRect.zero, camera: camera)
   view = mapView
         

   Objective-C

   // 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.0];
   GMSMapView *mapView = [[GMSMapView alloc] initWithFrame: CGRectZero camera:camera];
   self.view = mapView;
         

2. Dodaj znacznik do mapy w usłudze viewDidLoad().

   Swift

   // 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

   // 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;
         

Domyślnie pakiet Maps SDK na iOS wyświetla treść informacji gdy użytkownik kliknie znacznik. Nie ma potrzeby dodawania detektora kliknięć wybierz znacznik, jeśli chcesz korzystać z działania domyślnego.

Gratulacje! Masz aplikację na iOS, która wyświetla mapę Google z znacznik w celu wskazania konkretnej lokalizacji. Wiesz już również, jak korzystać z Maps SDK na iOS.

Dalsze kroki

Dowiedz się więcej o obiekcie mapy i działaniach co można zrobić ze znacznikami.