Skip to content
This repository has been archived by the owner on Nov 11, 2023. It is now read-only.

Latest commit

 

History

History
104 lines (78 loc) · 5.17 KB

INSTALL.md

File metadata and controls

104 lines (78 loc) · 5.17 KB

Integrating a custom build of the Mapbox Maps SDK for macOS into your application

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.

Requirements

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:

  1. Install Xcode

  2. Launch Xcode and install any updates

  3. Install Homebrew

  4. Install Node.js, CMake, ccache, and pkg-config, glfw:

    brew list node || brew install node
brew list cmake || brew install cmake
brew list ccache || brew install ccache
brew list pkg-config || brew install pkg-config
brew list glfw || brew install glfw

# To install the CMake documentation
brew list cmake-docs || brew install cmake-docs

  5. Install xcpretty (optional, used for prettifying command line builds):

    [sudo] gem install xcpretty

  6. Install jazzy for generating API documentation:

    [sudo] gem install jazzy

Building the SDK from source

To build the SDK from source:

  1. Clone the git repository: 
    git clone https://github.com/maplibre/maplibre-native.git
cd maplibre-native
    Note that this repository uses Git submodules. They'll be automatically checked out when you first run a make command, but are not updated automatically. We recommended that you run git submodule update after pulling down new commits to this repository.
  2. Run: 
    make xpackage
    This produces a Mapbox.framework in the build/macos/pkg/ folder.

Installation

  1. 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.

  2. Some vector tiles servers require a API key. In the project editor, select the application target, then go to the Info tab. Under the “Custom macOS Application Target Properties”” section, set MLNApiKey to your api key.

Usage

In a storyboard or XIB:

  1. 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.)
  2. In the Identity inspector, set the view’s custom class to MLNMapView.
  3. MLNMapView 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.
  1. 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:

  1. Switch to the Assistant Editor.
  2. Import the Mapbox module.
  3. 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 MLNMapView *mapView;

@end
// ViewController.swift
import Mapbox

class ViewController: NSViewController {
    @IBOutlet var mapView: MLNMapView!
}
-- 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.