Typescript eslint is flagging 'google' is not defined for google.maps.Marker[]

Viewed 650
const google = window.google;
        let markers: google.maps.Marker[] = [];
        // Listen for the event fired when the user selects a prediction and retrieve
        // more details for that place.
        searchBox.addListener("places_changed", () => {
            const places = searchBox.getPlaces();

            if (places.length === 0) {
                return;
            }

            // Clear out the old markers.
            markers.forEach((marker) => {
                marker.setMap(null);
            });
            markers = [];

            // For each place, get the icon, name and location.
            const bounds = new google.maps.LatLngBounds();
            places.forEach((place) => {
                if (!place.geometry || !place.geometry.location) {
                    return;
                }
                const icon = {
                    url: place.icon as string,
                    size: new google.maps.Size(71, 71),
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(17, 34),
                    scaledSize: new google.maps.Size(25, 25),
                };

                // Create a marker for each place.
                markers.push(
                    new google.maps.Marker({
                        map,
                        icon,
                        title: place.name,
                        position: place.geometry.location,
                    })
                );

                if (place.geometry.viewport) {
                    // Only geocodes have viewport.
                    bounds.union(place.geometry.viewport);
                } else {
                    bounds.extend(place.geometry.location);
                }
            });
            map.fitBounds(bounds);
        });

This is some code from google maps API. It compiles and runs just fine.

The issue is that when a linter checks it, it gives me this error: 222:22 error 'google' is not defined no-undef

I added const google = window.google; to the top of the code as this answer explains. google is not defined in react app using create-react-app

But this only helps with instances where the 'new' keyword is used.

It did not help for this case let markers: google.maps.Marker[] = []; where a type is being assigned to a variable.

1 Answers
Related