Add start and end comments for routes example HTML (#791)

willum070 · web-flow · commit 81855f087fce · 2025-09-25T14:18:25.000-07:00
* Add start and end comments for routes example HTML

* Fix typo in destinationAutocompleteSelection variable

* Fix typo in destinationAutocomplete variable name
diff --git a/samples/routes-compute-routes/index.html b/samples/routes-compute-routes/index.html
@@ -4,6 +4,7 @@
  Copyright 2025 Google LLC. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 -->
+<!-- [START maps_routes_compute_routes] -->
 <html>
 
   <head>
@@ -306,4 +307,5 @@ <h3>Fields</h3>
     <script>(g => { var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window; b = b[c] || (b[c] = {}); var d = b.maps || (b.maps = {}), r = new Set, e = new URLSearchParams, u = () => h || (h = new Promise(async (f, n) => { await (a = m.createElement("script")); e.set("libraries", [...r] + ""); for (k in g) e.set(k.replace(/[A-Z]/g, t => "_" + t[0].toLowerCase()), g[k]); e.set("callback", c + ".maps." + q); a.src = `https://maps.${c}apis.com/maps/api/js?` + e; d[q] = f; a.onerror = () => h = n(Error(p + " could not load.")); a.nonce = m.querySelector("script[nonce]")?.nonce || ""; m.head.append(a) })); d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n)) })
         ({ key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "beta" });</script>
   </body>
-</html>
+</html>
+<!-- [END maps_routes_compute_routes] -->
diff --git a/samples/routes-compute-routes/index.ts b/samples/routes-compute-routes/index.ts
@@ -17,7 +17,7 @@ const originAutocompleteSelection: PlaceAutocompleteSelection = {
   predictionText: null,
   location: null,
 };
-const destinationAUtocompleteSelection: PlaceAutocompleteSelection = {
+const destinationAutocompleteSelection: PlaceAutocompleteSelection = {
   predictionText: null,
   location: null,
 };
@@ -118,7 +118,7 @@ async function init() {
       },
       destination: {
         location: buildComputeRoutesLocation(
-          destinationAUtocompleteSelection,
+          destinationAutocompleteSelection,
           formData.get('destination_location'),
           formData.get('heading_dest'),
           travelMode,
@@ -491,7 +491,7 @@ async function init() {
 
     [
       [originAutocomplete, originAutocompleteSelection],
-      [destinationAutocomplete, destinationAUtocompleteSelection],
+      [destinationAutocomplete, destinationAutocompleteSelection],
     ].forEach(([autocomplete, autocompleteData]) => {
       autocomplete.addEventListener(
         'gmp-select',
