How to use Google Maps Tiles?

[AlixH]

I would like to use Google Maps as map provider. I already have an account with API key. With react-native-maps, we could just provide the api key inside the manifest and it worked. Here, I am not sure how to proceed

[KiwiKilian]

First of all, one has to differentiate from react-native-maps – they use the actual Google Maps SDK, so of course there is integrated support for their API keys. MapLibre is more of generic map renderer SDK, which works agnostic of the providers.

I don't know of any examples using MapLibre React Native and Google Tiles. But I guess you could follow their instructions here.

• Fetch the Session Token yourself first
• Then apply this to a tileUrlTemplates for a RasterSource

<RasterSource
  id="google-raster-source"
  tileUrlTemplates={[
    `https://tile.googleapis.com/v1/2dtiles/{z}/{x}/{y}?session=${YOUR_SESSION_TOKEN}&key=${YOUR_API_KEY}`,
  ]}
  tileSize={256}
  attribution="&copy; Google Maps"
  maxZoomLevel={19}
>
  <RasterLayer id="google-raster-layer" />
</RasterSource>

You can also have a look at the MapLibre GL JS Plugin for Google Maps. But only for comparison, there is no support for addProtocol on Native.