Google Maps

maps.google.com

Use location data and maps with Google Maps.

Using the Google Maps API with Trigger.dev

You can use Trigger.dev with any existing Node SDK or even just using fetch. Using io.runTask makes your Google Maps background job resumable and appear in our dashboard.

Use io.runTask() and the official SDK or fetch.

Example code using Google Maps

Below is a working code example of how you can use Google Maps with Trigger.dev. These samples are open source and maintained by the community, you can copy and paste them into your own projects.

1
import { TriggerClient, eventTrigger } from "@trigger.dev/sdk";
2
import { Client } from "@googlemaps/google-maps-services-js";
3
import z from "zod";
4
// Get your API key here: https://console.developers.google.com/apis/credentials
5
// Make sure to enable the Google Maps Data API https://console.cloud.google.com/apis/library/maps-backend.googleapis.com
6
// SDK Docs: https://developers.google.com/maps/documentation/javascript/overview
7
// Initialize the Google Maps API with your API key
8
const apiKey = String(process.env.GOOGLE_MAP_API_KEY);
9

10
const map = new Client({});
11

12
client.defineJob({
13
  id: "google-map-geocode",
14
  name: "Google Map Geocode",
15
  version: "1.0.0",
16
  trigger: eventTrigger({
17
    name: "google-map-geocode",
18
    schema: z.object({
19
      address: z.string(),
20
    }),
21
  }),
22
  run: async (payload, io, ctx) => {
23
    const { address } = payload;
24

25
    // Wrap an SDK call in io.runTask so it's resumable and displays in logs
26
    await io.runTask(
27
      "Google Map Geocode",
28
      async () => {
29
        // Make the geocode request
30
        const response = await map.geocode({
31
          params: {
32
            address,
33
            key: apiKey,
34
          },
35
        });
36

37
        // Process the geocode response here
38
        return JSON.parse(JSON.stringify(response.data));
39
      },
40

41
      // Add metadata to improve how the task displays in the logs
42
      { name: "Google map geocode", icon: "google" }
43
    );
44
  },
45
});