@trackunit/react-map-adapter-google
v0.0.61
Published
**Google Maps** adapter for `@trackunit/react-map`: implements the shared adapter contract from `@trackunit/react-map-adapter-shared` using [`@vis.gl/react-google-maps`](https://github.com/visgl/react-google-maps) and the Google Maps JavaScript API.
Downloads
5,028
Keywords
Readme
@trackunit/react-map-adapter-google
Google Maps adapter for @trackunit/react-map: implements the shared adapter contract from @trackunit/react-map-adapter-shared using @vis.gl/react-google-maps and the Google Maps JavaScript API.
Installation
npm install @trackunit/react-map @trackunit/react-map-adapter-googleTypeScript consumers also need the @types/google.maps peer dependency.
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). It does not import @trackunit/react-map (adapters are consumed by the map package, not the reverse).
Part of the @trackunit/react-map family
| Package | Description |
| --- | --- |
| @trackunit/react-map | Core provider-agnostic map library |
| @trackunit/react-map-adapter-google | Google Maps adapter (this package) |
| @trackunit/react-map-adapter-mapbox | Mapbox GL adapter |
| @trackunit/react-map-adapter-shared | Shared adapter contracts and utilities |
| @trackunit/react-map-color-utils | CSS color utilities for the map stack |
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.
