@trackunit/react-map-adapter-google

Google Maps adapter for the map system in @trackunit/react-map: it implements the shared adapter contract from @trackunit/react-map-adapter-shared using @vis.gl/react-google-maps and the Google Maps JavaScript API.

NX project name: react-map-adapter-google

Public API

| Export | Role | | --- | --- | | googleMapsAdapter | Factory that returns adapter config for useMap (from @trackunit/react-map) | | GoogleMapsConfig | Configuration type for the adapter | | GoogleApiProvider | Optional wrapper to load the Maps JS API once for multiple map instances (recommended when several maps use vector/cloud mapId styling) | | GoogleMapsAdapterInstance | Low-level instance factory (advanced use) | | GoogleMapsRenderer | Internal renderer used by the adapter (advanced or testing) |

Typical usage

Pass the adapter into useMap from @trackunit/react-map (see JSDoc on googleMapsAdapter in source for a full example).

For multiple Google maps in one tree, wrap them in GoogleApiProvider with your API key and give each map a distinct mapInstanceId in its GoogleMapsConfig so the vis.gl layer registry can tell maps apart. See the docblock on GoogleApiProvider for details.

Dependencies

Depends on @trackunit/react-map-adapter-shared and Google Maps–related packages (e.g. @vis.gl/react-google-maps). TypeScript consumers also need the @types/google.maps peer dependency. It does not import @trackunit/react-map (adapters are consumed by the map package, not the reverse).

For more info and a full guide on Iris App SDK Development, please visit our Developer Hub.

Trackunit

This package was developed by Trackunit ApS. Trackunit is the leading SaaS-based IoT solution for the construction industry, offering an ecosystem of hardware, fleet management software & telematics.