Autocomplete Widget example wrongly loads the Map class from the "places" library

[andreimirt]

Operating system

Windows 11

Browser Version

Firefox 127

How severe is the bug?

low

Bug description

This example that loads an Autocomplete Widget tries to load the Map class from the "places" library.
The example still works as intended because the Map class isn't required anywhere, so the"places" library is loaded anyway and then the PlaceAutocompleteElement class is referenced using the full namespace.
The guide is made to be easy enough for non-js gurus. Probably js-gurus don't even bother with the guides and read just the reference, but it took me a full day to understand what #L11 actually does, because I started with the assumption that the official documentation is always correct. Now I know better. :smi

js-samples/dist/samples/place-autocomplete-element/docs/index.js

Lines 7 to 47 in ce94ea1

	async function initMap() {
	// [START maps_place_autocomplete_element_add]
	// Request needed libraries.
	//@ts-ignore
	const [{ Map }] = await Promise.all([google.maps.importLibrary("places")]);
	// Create the input HTML element, and append it.
	//@ts-ignore
	const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
	//@ts-ignore
	document.body.appendChild(placeAutocomplete);
	// [END maps_place_autocomplete_element_add]
	// Inject HTML UI.
	const selectedPlaceTitle = document.createElement("p");
	selectedPlaceTitle.textContent = "";
	document.body.appendChild(selectedPlaceTitle);
	const selectedPlaceInfo = document.createElement("pre");
	selectedPlaceInfo.textContent = "";
	document.body.appendChild(selectedPlaceInfo);
	// [START maps_place_autocomplete_element_listener]
	// Add the gmp-placeselect listener, and display the results.
	//@ts-ignore
	placeAutocomplete.addEventListener("gmp-placeselect", async ({ place }) => {
	await place.fetchFields({
	fields: ["displayName", "formattedAddress", "location"],
	});
	selectedPlaceTitle.textContent = "Selected Place:";
	selectedPlaceInfo.textContent = JSON.stringify(
	place.toJSON(),
	/* replacer */ null,
	/* space */ 2,
	);
	});
	// [END maps_place_autocomplete_element_listener]
	}
	initMap();

Steps to reproduce

Just run the JSFiddle example, to which I added a console.log('Map: ',Map) after the attempt to load the Map class from the "places" library is made.

Console log output

"Map: ", undefined

[googlemaps-bot]

🎉 This issue has been resolved in version 3.24.7 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[willum070]

Thanks for filing an issue and helping us to ensure the docs are correct!