Merge pull request #69 from ubilabs/feat/add-max-zoom-hook

Feat/add max zoom hook

Author: BiniCodes

README.md

@@ -501,12 +501,49 @@ const MyComponent = () => {
 };
 ```
 
+#### Return value
+
 Returns the [`DistanceMatrixService`](google.maps.DistanceMatrixService) class to use directly.
 
 ```TypeScript
 google.maps.DistanceMatrixService
 ```
 
+### useMaxZoomService
+
+React hook to use the [Maximum Zoom Imagery Service](https://developers.google.com/maps/documentation/javascript/maxzoom) in any component.
+
+#### Usage
+
+```tsx
+import React, {useEffect} from 'react';
+import {useMaxZoomService} from '@ubilabs/google-maps-react-hooks';
+
+const MyComponent = () => {
+  const maxZoomService = useMaxZoomService();
+  const location = /** google.maps.LatLng */;
+
+  useEffect(() => {
+    maxZoomService?.getMaxZoomAtLatLng(
+      location,
+      (result: google.maps.MaxZoomResult) => {
+        // Do something with result
+      }
+    );
+  }, [location]);
+
+  return (...);
+};
+```
+
+#### Return value
+
+Returns the [`MaxZoomService`](google.maps.places.MaxZoomService) class to use directly.
+
+```TypeScript
+google.maps.places.MaxZoomService
+```
+
 ### useElevationService
 
 React hook to use the [Elevation Service](https://developers.google.com/maps/documentation/javascript/elevation) in any component.
@@ -529,6 +566,9 @@ const MyComponent = () => {
       }
     );
   }, [location]);
+
+  return (...);
+};
 ```
 
 #### Return value
@@ -539,7 +579,6 @@ Returns the [`ElevationService`](google.maps.places.ElevationService) class to u
 google.maps.places.ElevationService
 ```
 
-
 ## Publish (only for maintainers)
 
 `npm publish --access public`

src/hooks/max-zoom.ts

@@ -0,0 +1,25 @@
+import {useMemo} from 'react';
+
+import useGoogleMap from './map-instance';
+
+/**
+ * Hook to get Max Zoom Service instance
+ */
+const useMaxZoomService = (): google.maps.MaxZoomService | null => {
+  const {map} = useGoogleMap();
+
+  // Creates a Max Zoom Service instance
+  const maxZoomService =
+    useMemo<google.maps.MaxZoomService | null>(() => {
+      // Wait for map to be initialized
+      if (!map) {
+        return null;
+      }
+
+      return new google.maps.MaxZoomService();
+    }, [map]);
+
+  return maxZoomService;
+};
+
+export default useMaxZoomService;