Add transit layer in <Map/>

[MicheleFatticcioni]

Hello, I'm working with '@vis.gl/react-google-maps' and AdvancedMarker.
Here is a piece of my implementation:

I'm trying to add a transit layer to my map, but I can't find a way to do it.

[usefulthink]

You can roughly follow this guide here: https://visgl.github.io/react-google-maps/docs/guides/interacting-with-google-maps-api#hooks

For example, you create a TransitLayer component and use the useMap / useEffect construct to add the transitLayer:

const TransitLayer = () => {
  const map = useMap();
  useEffect(() => {
    if (!map) return;

    const transitLayer = new google.maps.TransitLayer();
    transitLayer.setMap(map);

    return () => transitLayer.setMap(null);
  }, [map]);

  return <></>;
}

(since this component doesn't need to render anything, it would look almost the same as a custom hook useTransitLayer if you prefer it that way)

[MicheleFatticcioni]

Thank you! You saved my day

[usefulthink]

happy to help!