chore: fix typos found using "codespell" (#667)

Author: wale1454

docs/api-reference/components/static-map.md

@@ -60,7 +60,7 @@ A class name that will be attached to the `img` tag.
 
 :::note
 
-Some explanations and syntax migh differ slighty from the official documentation since the Google documentation focuses on building and URL which has
+Some explanations and syntax migh differ slightly from the official documentation since the Google documentation focuses on building and URL which has
 been abstracted here in the helper function for better developer experience
 
 :::

docs/contributing.md

@@ -40,7 +40,7 @@ The default procedure for adding functionality to the library is as follows:
 - when implementing the desired feature is challenging or impossible with the
   library, that would be an excellent indicator that some abstraction is
   missing at a lower level and should be added to the library.
-- If a new feature proves to be useful and univeral (i.e. it can be used
+- If a new feature proves to be useful and universal (i.e. it can be used
   without needing much per-user customization), we will
   consider adding it to the library or providing it as a separate library.
 

examples/advanced-marker-interaction/src/control-panel.tsx

@@ -14,7 +14,7 @@ function ControlPanel(props: Props) {
       <p>
         Markers scale on hover and change their color when they are selected by
         clicking on them. The default z-index is sorted by latitude. The z-index
-        hierachy is "hover" on top, then "selected" and then the default
+        hierarchy is "hover" on top, then "selected" and then the default
         (latitude).
       </p>
       <p>

examples/autocomplete/README.md

@@ -18,7 +18,7 @@ When building your own you are completely free but also responsible for the user
 
 ### 3) Third Party Select Widget
 
-This is basically the same as the custom build, except for not having to implement the list/dropdown/DOM handling yourself. A lot of third party text box widgets provide functionionality for handling keyboard navigation and focus handling. For the demo we used the [Combobox][combobox] from `react-widgets`.
+This is basically the same as the custom build, except for not having to implement the list/dropdown/DOM handling yourself. A lot of third party text box widgets provide functionality for handling keyboard navigation and focus handling. For the demo we used the [Combobox][combobox] from `react-widgets`.
 
 ## Google Maps Platform API Key
 

examples/autocomplete/src/control-panel.tsx

@@ -18,7 +18,7 @@ function ControlPanel({
 
       <p>
         This example demonstrates three different methods of adding autocomplete
-        functionality to your appplication using the Google Places API.
+        functionality to your application using the Google Places API.
       </p>
 
       <div className="autocomplete-mode">

examples/marker-clustering/src/control-panel.tsx

@@ -22,7 +22,7 @@ export const ControlPanel = ({
       <h3>Marker Clustering</h3>
       <p>
         This example uses the <code>@googlemaps/markerclusterer</code> library
-        to demostrate how to render a large dataset of markers on the map.
+        to demonstrate how to render a large dataset of markers on the map.
       </p>
       <p>
         This example also includes a filter function to show dynamic updating of

src/libraries/google-maps-api-loader.ts

@@ -90,7 +90,7 @@ export class GoogleMapsApiLoader {
   }
 
   /**
-   * Serialize the paramters used to load the library for easier comparison.
+   * Serialize the parameters used to load the library for easier comparison.
    */
   private static serializeParams(params: ApiParams): string {
     return [