Apple Maps

Apple Maps is a web mapping service developed by Apple Inc. It provides directions, estimated times of arrival, and daily commutes. Protocol Launcher allows you to generate deep links to open Apple Maps, search for locations, get directions, and explore places.

Usage

There are two ways to use this library:

• On-Demand import from subpaths enables tree-shaking and keeps bundles small.
• Full Import from the root package is convenient but includes all app modules.

Pick On-Demand for production builds; Full Import is fine for quick scripts or demos.

Select Installation Method

On-Demand

Recommended. Optimized for production.

Full Import

Convenient. Good for quick scripts.

Open Maps

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open()

Open Apple Maps

Search for Places

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  q: 'Food',
})

Search for Food

Search with Location

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  q: 'Food',
  sll: '37.7749,-122.4194',
})

Search Food in San Francisco

Search Near Location

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  q: 'Food',
  near: '37.7749,-122.4194',
})

Search Food Near San Francisco

Center Map

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  ll: '37.7749,-122.4194',
})

Center on San Francisco

Center Map with Zoom

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  ll: '37.7749,-122.4194',
  z: 15,
})

Center on San Francisco (Zoom 15)

Create Pin

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  q: 'Golden Gate Bridge',
  ll: '37.8199,-122.4783',
})

Pin Golden Gate Bridge

Satellite View

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  t: 'k',
  ll: '37.7749,-122.4194',
})

Satellite View

Display Address

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  address: '1 Infinite Loop Cupertino CA',
})

Display Address

Get Driving Directions

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  daddr: 'San Francisco',
  dirflg: 'd',
})

Driving Directions

Get Walking Directions

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  daddr: 'Union Square',
  dirflg: 'w',
})

Walking Directions

Get Transit Directions

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  daddr: 'Fisherman\'s Wharf',
  dirflg: 'r',
})

Transit Directions

Get Full Directions

On-Demand

import { open } from 'protocol-launcher/apple-map'

const url = open({
  saddr: 'San Jose',
  daddr: 'San Francisco',
  dirflg: 'd',
})

Full Directions