** "Afficher la carte !!" **
… Et, pour commencer à créer des applications iOS sérieusement, j'ai d'abord appris à utiliser l'API.
Il existe de nombreux didacticiels pour le SDK Maps pour iOS, mais je n'ai pas trouvé d'article très poli pour les débutants qui ne connaissent ni la droite ni la gauche, je vais donc les présenter étape par étape ainsi que la sortie.
※Environnement de développement Xcode 12 Swift 5.3
L'API est une convention qui définit la procédure et le format des données pour appeler et utiliser les fonctions d'un certain programme informatique (logiciel) et les données à gérer à partir d'un autre programme externe.
(Je vois, je ne sais pas ...!)
Pour le dire brièvement, l'API est ** la fonction de ponter l'interaction entre les logiciels **. De nombreuses entreprises, telles que Google et Twitter, proposent des API. Une instruction ou une fonction qui permet à un autre programme d'appeler la fonction (service) que vous souhaitez utiliser est appelée une API.
Je souhaite utiliser l'API Map de Google (iOS), je vais donc la configurer.
Accéder à Google Maps Platform Accédez à la console en haut à droite de l'écran.
Cliquez sur Sélectionner un projet pour créer un nouveau projet.
Après avoir entré le nom du projet, appuyez sur le bouton Créer.
Je pense que le projet va s'ouvrir, alors sélectionnez ** Maps SDK for iOS ** depuis l'API
API et services → Sélectionnez le tableau de bord
Cliquez sur Activer l'API et les services
L'écran de la bibliothèque d'API s'affiche. Sélectionnez ** SDK Maps pour iOS **.
Cliquez sur ** Activer **.
L'écran de gestion apparaît. À partir des informations d'identification, appuyez sur "Créer les informations d'identification" et sélectionnez "Clé API".
La clé API est maintenant créée. Cependant, le réglage n'est pas encore terminé. Vous serez averti qu'il n'y a aucune restriction sur les clés, nous appliquerons donc les restrictions. Sélectionnez et définissez la clé API cible.
Sélectionnez le ** SDK Maps pour iOS ** que vous souhaitez utiliser cette fois parmi les restrictions de clé API et renommez, vérifiez et enregistrez.
Ceci termine les paramètres d'utilisation de l'API Google Maps.
Créez un projet à partir de Xcode, placez ce qui suit dans le Podfile et l'installation du pod.
Podfile
target 'Nom du projet' do
# Comment the next line if you don't want to use dynamic frameworks
use_frameworks!
source 'https://github.com/CocoaPods/Specs.git' #ajouter à
pod 'GoogleMaps' #ajouter à
pod 'GooglePlaces' #ajouter à
#Pods pour le nom du projet
end
Ensuite, définissez la clé API dans AppDelegate. Ouvrez AppDelegate.swift et ajoutez ʻimport Google Maps`.
didFinishLaunchingWithOptions
.AppDelegate.swift
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
// Override point for customization after application launch.
#Définir la clé API émise
GMSServices.provideAPIKey("La clé API émise est répertoriée ici")
return true
}
Ensuite, allez dans ʻInfo.plist et ajoutez
googlechromeset
comgooglemaps à Array dans ʻInformation Property List
.
Ouvrez ViewController.swift et ajoutez l'importation.
import GoogleMaps import CoreLocation
Écrivez le code suivant dans viewDidLoad.
ViewController.swift
override func viewDidLoad() {
super.viewDidLoad()
#Générer la position des coordonnées de la carte à afficher et la taille à afficher
let camera = GMSCameraPosition.camera(withLatitude: 34.6862,
longitude: 135.5196, zoom: 6.0)
let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
mapView.isMyLocationEnabled = true #Activer les informations de localisation actuelles
view = mapView #Instance UIView
#Mettez une épingle à l'endroit désigné
let marker = GMSMarker()
marker.position = CLLocationCoordinate2D(latitude: 34.6862,
longitude: 135.5196)#Définir la latitude et la longitude
marker.title = "Osaka"
marker.snippet = "Japan"
marker.map = mapView
}
Construisons et exécutons. Après l'exécution, vous devriez voir une épingle à l'emplacement sélectionné.
Voilà comment utiliser l'API Google Maps.
Recommended Posts