DirectionsService

The DirectionsService component wraps google.maps.DirectionsService and calls route whenever options changes.

Storybook

Props

Prop	Type	Description
options	`google.maps.DirectionsRequest`	Route request.
callback	`(result, status) => void`	Receives the route result and status.
onLoad	`(service: google.maps.DirectionsService) => void`	Called after service creation.
onUnmount	`(service: google.maps.DirectionsService) => void`	Called before teardown.

Usage

<DirectionsService
  options={{ origin, destination, travelMode: 'DRIVING' }}
  callback={(result, status) => {
    directions = result ?? undefined;
    console.log(status);
  }}
/>

svelte

Last update at: 2026/05/31 02:17:23

On this page

Storybook Props Usage