How to enable or disable traffic in my map?

[anxheloo]

Hello guys, is there a way on how to enable or disable traffic layer on my map? I am not finding a way on how to do that. Thanks in advance

[usefulthink]

One way would be to create a component for that:

const TrafficLayer = () => {
  const map = useMap();

  useEffect(() => {
    if(!map) return;

    const trafficLayer = new google.maps.TrafficLayer({map, autoRefresh: false});
    return () => { trafficLayer.setMap(null); };
  }, [map]);

  return <></>;
}

[anxheloo]

Is this component going to be rendered inside my ? I am trying this approach: const onLoad = useCallback((map) => {
mapRef.current = map;

if (!trafficLayerRef.current) {
  trafficLayerRef.current = new google.maps.TrafficLayer();
} and than toggeling it using a Custom Button:   const toggleTrafficLayer = () => {
console.log("inside toggle traffic layer");

if (trafficLayerRef.current) {
  if (isTrafficVisible) {
    trafficLayerRef.current?.setMap(null);
  } else {
    trafficLayerRef.current?.setMap(mapRef.current);
  }
  setIsTrafficVisible(!isTrafficVisible);
}

}; but not working.

}, []);

[anxheloo]

Anyway, this is working, Thanks man