Need to retrive google.maps object to access MaxZoomService()

[Gyurmatag]

Hey!

I know that I can access Google Object this way: https://vue-map.netlify.app/examples/how-to-access-google-maps-object.html
But I don't know how I can call MaxZoomService: https://developers.google.com/maps/documentation/javascript/reference/max-zoom#MaxZoomService
I need the getMaxZoomAtLatLng() method.

So here's what I tried:

const getMaxZoomForSpecificPlace = async (
	mapObject: any,
	location: Location
) => {
	const mapObjectRes = await mapObject.$mapPromise;
	// const mapsApi = window.google.maps;
	const maxZoomService = new mapObjectRes.MaxZoomService();
	maxZoomService.getMaxZoomAtLatLng(location, (result) => {
		if (result.status === "OK") {
			maxGoogleZoom.value = result.zoom;
		}
	});
};

This way, there is an error in the console:

google-map.vue:61 Uncaught (in promise) TypeError: mapObjectRes.MaxZoomService is not a constructor
    at getMaxZoomForSpecificPlace (google-map.vue:61:2)

Here is how I managed to get the data:

const getMaxZoomForSpecificPlace = async (
	mapObject: any,
	location: Location
) => {
	await mapObject.$mapPromise;
	const mapsApi = window.google.maps;
	const maxZoomService = new mapsApi.MaxZoomService();
	maxZoomService.getMaxZoomAtLatLng(location, (result) => {
		if (result.status === "OK") {
			maxGoogleZoom.value = result.zoom;
		}
	});
};

I think the way above is ugly, because I define a new google.maps object insted of using the already defined one.
Can you help me what is the problem with the first solution?

Thank you very much!