Skip to content

Kakao Map

Kakao Map is a map and navigation app from Kakao. Protocol Launcher allows you to generate Kakao Map URL Scheme links.

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.

Notes

This module only exposes the Kakao Map actions listed by Kakao's official URL Scheme documentation: open, look, place, search, route, and roadView, plus the documented trend-ranking open URL.

Pass scheme: 'mobileWeb' to generate Kakao's documented MobileWeb equivalent. Kakao documents the trend-ranking MobileWeb URL with HTTPS; the other MobileWeb examples use HTTP.

Open Kakao Map

On-Demand
ts
import { open } from 'protocol-launcher/kakao-map'

const url = open()

Open a Page

On-Demand
ts
import { open } from 'protocol-launcher/kakao-map'

const url = open({
  page: 'placeSearch',
})

Open a Layer

On-Demand
ts
import { open } from 'protocol-launcher/kakao-map'

const url = open({
  layer: 'skyview',
})

Trend Ranking

On-Demand
ts
import { trendRanking } from 'protocol-launcher/kakao-map'

const url = trendRanking()

Look

On-Demand
ts
import { look } from 'protocol-launcher/kakao-map'

const url = look({
  p: '37.3952969470752,127.110449292622',
})

Place

On-Demand
ts
import { place } from 'protocol-launcher/kakao-map'

const url = place({
  id: '18577297',
})
On-Demand
ts
import { search } from 'protocol-launcher/kakao-map'

const url = search({
  q: '맛집',
  p: '37.3952,127.11044',
})

Route

On-Demand
ts
import { route } from 'protocol-launcher/kakao-map'

const url = route({
  sp: '37.39529,127.11044',
  ep: '37.49795,127.02763',
  by: 'car',
})

Route with Waypoint

Kakao documents waypoints as vp, vp2, vp3, vp4, and vp5. Public transit routes do not support waypoints.

On-Demand
ts
import { route } from 'protocol-launcher/kakao-map'

const url = route({
  sp: '37.40205,127.10821',
  vp: '37.39424,127.11030',
  ep: '37.39529,127.11044',
  by: 'foot',
})

Road View

On-Demand
ts
import { roadView } from 'protocol-launcher/kakao-map'

const url = roadView({
  p: '37.39529,127.11044',
})

MobileWeb URL

On-Demand
ts
import { look } from 'protocol-launcher/kakao-map'

const url = look({
  p: '37.3952969470752,127.110449292622',
  scheme: 'mobileWeb',
})

Official Documentation