Étape 4: Créer le mappage et ajouter des annotations
Maintenant que nous avons XCode et Mapbox mis en place, nous allons afficher une carte de base.
Le SDK Mapbox rend simple d’afficher une vue de la carte de base. Il suffit d’appliquer le code ici (https://www.mapbox.com/ios-sdk/examples/) à votre propre fichier ViewController.swift et vous devriez être en mesure de créer votre propre application de carte de base. Vous pouvez ajuster le centre latitude et longitude d’ouvrir la carte à votre propre emplacement désiré.
Ensuite, nous allons ajouter des données de la carte. Vous aurez besoin d’avoir une API que vous pouvez appeler pour récupérer les données de GeoJSON, ni un fichier de données GeoJSON déjà. Nous affichons les données sur la carte en dessinant une annotation pour chaque point/ligne de données.
Mapbox donne des exemples pour l’ajout d’annotations sur leur site Web. Nous suivons leur exemple pour analyser notre propre url/fichier de données et ajouter le contenu sous forme d’annotations à la carte. Pour les passages et les lignes de données d’élévation, nous utilisons leur exemple sur tracer des lignes (https://www.mapbox.com/ios-sdk/examples/line-geojs... Pour les arrêts de bus, nous étendre cet exemple avec leur tutoriel sur dessin de marqueurs personnalisés et à l’aide de notre propre image de l’arrêt de bus (https://www.mapbox.com/ios-sdk/examples/marker-ima... Nous gardons également un tableau de chaque type d’élément de données (passages à niveau, élévation, arrêts de bus), afin de permettre de les retirer plus tard que la carte a se déplaça une région particulière de la carte.
Mapbox prend en charge une méthode avec la signature de méthode func mapView (mapView : MGLMapView, regionDidChangeAnimated d’animation : Bool) -> vide, ce qui est appelé chaque fois que le plan est modifié. Nous plaçons notre code pour l’actualisation de la vue (en retirant les annotations anciennes, appelant l’API et ajout de nouvelles annotations à la carte) à l’intérieur de cette fonction afin que les données qui s’affiche sur la carte sont actualisées chaque fois que l’utilisateur zoome dedans ou dehors, ou moules à travers l’écran.
Autres fonctions vous permettent de personnaliser les annotations en changeant leur couleur/largeur de ligne (pour les annotations de ligne) ou d’images (pour les annotations de point). Vous pouvez expérimenter avec ces jusqu'à ce que vous obteniez le look que vous désirez.