Stap 4: Maak de kaart en aantekeningen toevoegen
Nu dat we XCode hebben en Mapbox ingesteld, laten we een basis kaart worden weergegeven.
De Mapbox SDK maakt het eenvoudig om een basis kaart weergeven. De code hier (https://www.mapbox.com/ios-sdk/examples/) gewoon toepassen in uw eigen ViewController.swift bestand en u moet zitten kundig voor uw eigen basis kaart toepassing maken. U kunt het centrum lengte- en breedtegraad te hebben van de kaart open voor uw eigen gewenste locatie aanpassen.
Vervolgens laten we het toevoegen van gegevens aan de kaart. U moet al een API die u kunt bellen GeoJSON gegevens op te halen, of een bestand van GeoJSON gegevens. Wij weergeven de gegevens op de kaart door het opstellen van een aantekening voor elke gegevens punt/lijn.
Mapbox bevat een paar voorbeelden voor het toevoegen van aantekeningen op hun website. We volgen hun voorbeeld om onze eigen gegevens bestand/url parseren en de inhoud als aantekeningen aan de kaart toevoegen. Voor kruisingen en hoogte data lijnen gebruiken we hun voorbeeld op de tekening lijnen (https://www.mapbox.com/ios-sdk/examples/line-geojs... Voor bushaltes breiden we dit voorbeeld met hun tutorial over aangepaste markeringen opstellen en het gebruik van ons eigen beeld van de bushalte (https://www.mapbox.com/ios-sdk/examples/marker-ima... We houden ook een matrix van elke soort data-element (kruisingen, hoogte, bushaltes), zodat ze later die kaart is verschoven van een bepaald deel van de kaart te verwijderen.
Mapbox ondersteunt een methode met methode handtekening func mapView (mapView: MGLMapView, regionDidChangeAnimated animatie: Bool) -> leegte, die wordt aangeroepen wanneer de mapview wordt gewijzigd. We plaatsen onze code voor het vernieuwen van de weergave (door het verwijderen van de oude aantekeningen, aanroepen van de API en toevoegen van nieuwe aantekeningen aan de kaart) binnen deze functie zodat de gegevens die wordt weergegeven op de kaart worden vernieuwd telkens wanneer de gebruiker Hiermee zoomt u in of uit, of over het scherm te pannen.
Andere functies kunnen u de aantekeningen aanpassen door het veranderen van hun breedte/lijnkleur (voor lijn annotaties) of afbeelding (voor punt aantekeningen). U kunt experimenteren met deze totdat u de look die u wenst realiseren.