This document explains how to build a development version of the Mapbox Maps SDK for macOS from source and integrate it into your own Cocoa application. This process is for advanced developers who want to get a glimpse of the SDK’s development between releases. To use a production-ready version of the SDK, see the Mapbox Maps SDK for macOS homepage.
The Mapbox Maps SDK for macOS requires the macOS 10.11.0 SDK (or above) and Xcode 9.0 (or above). To use this SDK with Xcode 7.3.1, download and use a symbols build from the releases page.
Before building, follow these steps to install prerequisites:
- Install Xcode
- Launch Xcode and install any updates
- Install Homebrew
- Install Node.js, CMake, and ccache:
brew install node cmake ccache
- Install xcpretty (optional, used for prettifying command line builds):
[sudo] gem install xcpretty
- Install jazzy for generating API documentation:
[sudo] gem install jazzy
To build the SDK from source:
- Clone the git repository:
Note that this repository uses Git submodules. They'll be automatically checked out when you first run a
git clone https://github.com/mapbox/mapbox-gl-native.git cd mapbox-gl-native
make
command, but are not updated automatically. We recommended that you rungit submodule update
after pulling down new commits to this repository. - Run:
This produces a
make xpackage
Mapbox.framework
in thebuild/macos/pkg/
folder.
-
Open the project editor, select your application target, then go to the General tab. Drag Mapbox.framework into the “Embedded Binaries” section. (Don’t drag it into the “Linked Frameworks and Libraries” section; Xcode will add it there automatically.) In the sheet that appears, make sure “Copy items if needed” is checked, then click Finish.
-
Mapbox vector tiles require a Mapbox account and API access token. In the project editor, select the application target, then go to the Info tab. Under the “Custom macOS Application Target Properties” section, set
MGLMapboxAccessToken
to your access token. You can obtain an access token from the Mapbox account page.
In a storyboard or XIB:
- Add a view to your view controller or window. (Drag Custom View from the Object library to the View Controller scene on the Interface Builder canvas. In a XIB, drag it instead to the window on the canvas.)
- In the Identity inspector, set the view’s custom class to
MGLMapView
. - MGLMapView needs to be layer-backed:
- You can make the window layer-backed by selecting the window and checking Full Size Content View in the Attributes inspector. This allows the map view to underlap the title bar and toolbar.
- Alternatively, if you don’t want the entire window to be layer-backed, you can make just the map view layer-backed by selecting it and checking its entry under the View Effects inspector’s Core Animation Layer section.
- Add a map feedback item to your Help menu. (Drag Menu Item from the Object library into Main Menu ‣ Help ‣ Menu.) Title it “Improve This Map” or similar, and connect it to the
giveFeedback:
action of First Responder.
If you need to manipulate the map view programmatically:
- Switch to the Assistant Editor.
- Import the
Mapbox
module. - Connect the map view to a new outlet in your view controller class. (Control-drag from the map view in Interface Builder to a valid location in your view controller implementation.) The resulting outlet declaration should look something like this:
// ViewController.m
@import Mapbox;
@interface ViewController : NSViewController
@property (strong) IBOutlet MGLMapView *mapView;
@end
// ViewController.swift
import Mapbox
class ViewController: NSViewController {
@IBOutlet var mapView: MGLMapView!
}
-- AppDelegate.applescript
script AppDelegate
property parent : class "NSObject"
property theMapView : missing value
end script
For further instructions, consult the macOS SDK documentation or run make xdocument
to generate the documentation. The Mapbox Maps SDK for iOS’s API documentation and online examples apply to the Mapbox Maps SDK for macOS with few differences, mostly around unimplemented features like user location tracking.