Click on the map to add markers.
+ @@ -20,10 +20,10 @@Click on the map to add markers.
+ @@ -16,10 +15,10 @@ @@ -17,10 +16,10 @@ - - + + + + @@ -16,10 +15,10 @@ @@ -17,10 +16,10 @@ - - + + + + @@ -16,10 +15,10 @@ @@ -17,10 +16,10 @@ - - + + + + @@ -16,10 +15,10 @@ @@ -17,10 +16,10 @@ - - + + + + @@ -16,10 +15,10 @@ @@ -17,10 +16,10 @@ - - + + @@ -15,10 +14,10 @@ @@ -16,10 +15,10 @@ @@ -17,10 +16,10 @@ - - + + + + @@ -17,10 +16,10 @@Hello world!
@@ -18,10 +17,10 @@
Hello world!
-
-
+
+
Hello world!
+
@@ -15,10 +15,10 @@
Hello world!
+
@@ -20,10 +19,10 @@
@@ -21,10 +20,10 @@
-
-
+
+
@@ -20,10 +19,10 @@
+
@@ -18,10 +18,10 @@
+
@@ -16,10 +15,10 @@
@@ -17,10 +16,10 @@
-
-
+
+
+
+
@@ -16,10 +15,10 @@
@@ -17,10 +16,10 @@
-
-
+
+
+
+
@@ -16,10 +15,10 @@
@@ -17,10 +16,10 @@
-
-
+
+
+
+
@@ -16,10 +15,10 @@
@@ -17,10 +16,10 @@
-
-
+
+
+
+
@@ -16,10 +15,10 @@
@@ -17,10 +16,10 @@
-
-
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/app/index.ts b/dist/samples/place-autocomplete-data-session/app/index.ts
new file mode 100644
index 0000000000..8b2817a873
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/index.ts
@@ -0,0 +1,95 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+let title;
+let results;
+let input;
+let token;
+
+// Add an initial request body.
+let request = {
+ input: "",
+ locationRestriction: { west: -122.44, north: 37.8, east: -122.39, south: 37.78 },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+};
+
+async function init() {
+ token = new google.maps.places.AutocompleteSessionToken();
+
+ title = document.getElementById('title');
+ results = document.getElementById('results');
+ input = document.querySelector("input");
+ input.addEventListener("input", makeAcRequest);
+ request = refreshToken(request) as any;
+}
+
+async function makeAcRequest(input) {
+ // Reset elements and exit if an empty string is received.
+ if (input.target.value == '') {
+ title.innerText = '';
+ results.replaceChildren();
+ return;
+ }
+
+ // Add the latest char sequence to the request.
+ request.input = input.target.value;
+
+ // Fetch autocomplete suggestions and show them in a list.
+ // @ts-ignore
+ const { suggestions } = await google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+
+ title.innerText = 'Query predictions for "' + request.input + '"';
+
+ // Clear the list first.
+ results.replaceChildren();
+
+ for (const suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+
+ // Create a link for the place, add an event handler to fetch the place.
+ const a = document.createElement('a');
+ a.addEventListener('click', () => {
+ onPlaceSelected(placePrediction!.toPlace());
+ });
+ a.innerText = placePrediction!.text.toString();
+
+ // Create a new list element.
+ const li = document.createElement('li');
+ li.appendChild(a);
+ results.appendChild(li);
+ }
+}
+
+// Event handler for clicking on a suggested place.
+async function onPlaceSelected(place) {
+ await place.fetchFields({
+ fields: ['displayName', 'formattedAddress'],
+ });
+ let placeText = document.createTextNode(place.displayName + ': ' + place.formattedAddress);
+ results.replaceChildren(placeText);
+ title.innerText = 'Selected Place:';
+ input.value = '';
+ refreshToken(request);
+}
+
+// Helper function to refresh the session token.
+async function refreshToken(request) {
+ // Create a new session token and add it to the request.
+ token = new google.maps.places.AutocompleteSessionToken();
+ request.sessionToken = token;
+ return request;
+}
+
+declare global {
+ interface Window {
+ init: () => void;
+ }
+ }
+ window.init = init;
+export { };
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/app/package.json b/dist/samples/place-autocomplete-data-session/app/package.json
new file mode 100644
index 0000000000..3de8d10425
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "place-autocomplete-data-session",
+ "description": "Samples for Google Maps JavaScript",
+ "version": "2.1.4",
+ "keywords": [
+ "google",
+ "javascript",
+ "maps",
+ "samples"
+ ],
+ "homepage": "https://github.com/googlemaps/js-samples#readme",
+ "bugs": {
+ "url": "https://github.com/googlemaps/js-samples/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/googlemaps/js-samples.git"
+ },
+ "files": [],
+ "license": "Apache-2.0",
+ "scripts": {
+ "dev": "vite",
+ "start": "vite",
+ "build": "vite build --outDir dist --base './'",
+ "test": "tsc --no-emit",
+ "preview": "vite preview"
+ },
+ "devDependencies": {
+ "@types/google.maps": "^3.53.5",
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
+ },
+ "private": true,
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/app/style.css b/dist/samples/place-autocomplete-data-session/app/style.css
new file mode 100644
index 0000000000..d3245cacbd
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/style.css
@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: blue;
+}
+
+input {
+ width: 300px;
+}
+
diff --git a/dist/samples/place-autocomplete-data-session/app/tsconfig.json b/dist/samples/place-autocomplete-data-session/app/tsconfig.json
new file mode 100644
index 0000000000..b405998dad
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "compilerOptions": {
+ "module": "esnext",
+ "target": "esnext",
+ "strict": true,
+ "noImplicitAny": false,
+ "lib": [
+ "esnext",
+ "es6",
+ "dom",
+ "dom.iterable"
+ ],
+ "moduleResolution": "Node",
+ "jsx": "preserve"
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/app/vite.config.js b/dist/samples/place-autocomplete-data-session/app/vite.config.js
new file mode 100644
index 0000000000..d49e45cd7e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ server: {
+ hmr:
+ process.env.CODESANDBOX_SSE || process.env.GITPOD_WORKSPACE_ID
+ ? 443
+ : undefined,
+ },
+});
diff --git a/dist/samples/place-autocomplete-data-session/docs/index.html b/dist/samples/place-autocomplete-data-session/docs/index.html
new file mode 100644
index 0000000000..3fd5df3f21
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/docs/index.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+ Place Autocomplete Data API Session
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/docs/index.js b/dist/samples/place-autocomplete-data-session/docs/index.js
new file mode 100644
index 0000000000..fead582dbb
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/docs/index.js
@@ -0,0 +1,100 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// [START maps_place_autocomplete_data_session]
+let title;
+let results;
+let input;
+let token;
+// Add an initial request body.
+let request = {
+ input: "",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+};
+
+async function init() {
+ token = new google.maps.places.AutocompleteSessionToken();
+ title = document.getElementById("title");
+ results = document.getElementById("results");
+ input = document.querySelector("input");
+ input.addEventListener("input", makeAcRequest);
+ request = refreshToken(request);
+}
+
+async function makeAcRequest(input) {
+ // Reset elements and exit if an empty string is received.
+ if (input.target.value == "") {
+ title.innerText = "";
+ results.replaceChildren();
+ return;
+ }
+
+ // Add the latest char sequence to the request.
+ request.input = input.target.value;
+
+ // Fetch autocomplete suggestions and show them in a list.
+ // @ts-ignore
+ const { suggestions } =
+ await google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(
+ request,
+ );
+
+ title.innerText = 'Query predictions for "' + request.input + '"';
+ // Clear the list first.
+ results.replaceChildren();
+
+ for (const suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+ // Create a link for the place, add an event handler to fetch the place.
+ const a = document.createElement("a");
+
+ a.addEventListener("click", () => {
+ onPlaceSelected(placePrediction.toPlace());
+ });
+ a.innerText = placePrediction.text.toString();
+
+ // Create a new list element.
+ const li = document.createElement("li");
+
+ li.appendChild(a);
+ results.appendChild(li);
+ }
+}
+
+// Event handler for clicking on a suggested place.
+async function onPlaceSelected(place) {
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ let placeText = document.createTextNode(
+ place.displayName + ": " + place.formattedAddress,
+ );
+
+ results.replaceChildren(placeText);
+ title.innerText = "Selected Place:";
+ input.value = "";
+ refreshToken(request);
+}
+
+// Helper function to refresh the session token.
+async function refreshToken(request) {
+ // Create a new session token and add it to the request.
+ token = new google.maps.places.AutocompleteSessionToken();
+ request.sessionToken = token;
+ return request;
+}
+
+window.init = init;
+// [END maps_place_autocomplete_data_session]
diff --git a/dist/samples/place-autocomplete-data-session/docs/style.css b/dist/samples/place-autocomplete-data-session/docs/style.css
new file mode 100644
index 0000000000..3f89029133
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/docs/style.css
@@ -0,0 +1,35 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* [START maps_place_autocomplete_data_session] */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: blue;
+}
+
+input {
+ width: 300px;
+}
+
+/* [END maps_place_autocomplete_data_session] */
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/iframe/index.html b/dist/samples/place-autocomplete-data-session/iframe/index.html
new file mode 100644
index 0000000000..dcb02e39a9
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/iframe/index.html
@@ -0,0 +1,36 @@
+
+
+
+
+ Place Autocomplete Data API Session
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/jsfiddle/demo.css b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.css
new file mode 100644
index 0000000000..d3245cacbd
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.css
@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: blue;
+}
+
+input {
+ width: 300px;
+}
+
diff --git a/dist/samples/place-autocomplete-data-session/jsfiddle/demo.details b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.details
new file mode 100644
index 0000000000..273703e93e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: Place Autocomplete Data API Session
+authors:
+ - Justin Poehnelt
+tags:
+ - google maps
+load_type: h
+description: Sample code for Google Maps Platform JavaScript API
diff --git a/dist/samples/place-autocomplete-data-session/jsfiddle/demo.html b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.html
new file mode 100644
index 0000000000..9fad214a50
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.html
@@ -0,0 +1,35 @@
+
+
+
+
+ Place Autocomplete Data API Session
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/jsfiddle/demo.js b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.js
new file mode 100644
index 0000000000..e4a804a0a9
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.js
@@ -0,0 +1,98 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let title;
+let results;
+let input;
+let token;
+// Add an initial request body.
+let request = {
+ input: "",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+};
+
+async function init() {
+ token = new google.maps.places.AutocompleteSessionToken();
+ title = document.getElementById("title");
+ results = document.getElementById("results");
+ input = document.querySelector("input");
+ input.addEventListener("input", makeAcRequest);
+ request = refreshToken(request);
+}
+
+async function makeAcRequest(input) {
+ // Reset elements and exit if an empty string is received.
+ if (input.target.value == "") {
+ title.innerText = "";
+ results.replaceChildren();
+ return;
+ }
+
+ // Add the latest char sequence to the request.
+ request.input = input.target.value;
+
+ // Fetch autocomplete suggestions and show them in a list.
+ // @ts-ignore
+ const { suggestions } =
+ await google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(
+ request,
+ );
+
+ title.innerText = 'Query predictions for "' + request.input + '"';
+ // Clear the list first.
+ results.replaceChildren();
+
+ for (const suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+ // Create a link for the place, add an event handler to fetch the place.
+ const a = document.createElement("a");
+
+ a.addEventListener("click", () => {
+ onPlaceSelected(placePrediction.toPlace());
+ });
+ a.innerText = placePrediction.text.toString();
+
+ // Create a new list element.
+ const li = document.createElement("li");
+
+ li.appendChild(a);
+ results.appendChild(li);
+ }
+}
+
+// Event handler for clicking on a suggested place.
+async function onPlaceSelected(place) {
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ let placeText = document.createTextNode(
+ place.displayName + ": " + place.formattedAddress,
+ );
+
+ results.replaceChildren(placeText);
+ title.innerText = "Selected Place:";
+ input.value = "";
+ refreshToken(request);
+}
+
+// Helper function to refresh the session token.
+async function refreshToken(request) {
+ // Create a new session token and add it to the request.
+ token = new google.maps.places.AutocompleteSessionToken();
+ request.sessionToken = token;
+ return request;
+}
+
+window.init = init;
diff --git a/dist/samples/place-autocomplete-data-session/playground/index.html b/dist/samples/place-autocomplete-data-session/playground/index.html
new file mode 100644
index 0000000000..891575eb65
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/index.html
@@ -0,0 +1,38 @@
+
+
+ Place Autocomplete Data API Session
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/playground/index.ts b/dist/samples/place-autocomplete-data-session/playground/index.ts
new file mode 100644
index 0000000000..baa341a713
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/index.ts
@@ -0,0 +1,99 @@
+let title;
+let results;
+let input;
+let token;
+
+// Add an initial request body.
+let request = {
+ input: "",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+};
+
+async function init() {
+ token = new google.maps.places.AutocompleteSessionToken();
+
+ title = document.getElementById("title");
+ results = document.getElementById("results");
+ input = document.querySelector("input");
+ input.addEventListener("input", makeAcRequest);
+ request = refreshToken(request) as any;
+}
+
+async function makeAcRequest(input) {
+ // Reset elements and exit if an empty string is received.
+ if (input.target.value == "") {
+ title.innerText = "";
+ results.replaceChildren();
+ return;
+ }
+
+ // Add the latest char sequence to the request.
+ request.input = input.target.value;
+
+ // Fetch autocomplete suggestions and show them in a list.
+ // @ts-ignore
+ const { suggestions } =
+ await google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(
+ request,
+ );
+
+ title.innerText = 'Query predictions for "' + request.input + '"';
+
+ // Clear the list first.
+ results.replaceChildren();
+
+ for (const suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+
+ // Create a link for the place, add an event handler to fetch the place.
+ const a = document.createElement("a");
+ a.addEventListener("click", () => {
+ onPlaceSelected(placePrediction!.toPlace());
+ });
+ a.innerText = placePrediction!.text.toString();
+
+ // Create a new list element.
+ const li = document.createElement("li");
+ li.appendChild(a);
+ results.appendChild(li);
+ }
+}
+
+// Event handler for clicking on a suggested place.
+async function onPlaceSelected(place) {
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+ let placeText = document.createTextNode(
+ place.displayName + ": " + place.formattedAddress,
+ );
+ results.replaceChildren(placeText);
+ title.innerText = "Selected Place:";
+ input.value = "";
+ refreshToken(request);
+}
+
+// Helper function to refresh the session token.
+async function refreshToken(request) {
+ // Create a new session token and add it to the request.
+ token = new google.maps.places.AutocompleteSessionToken();
+ request.sessionToken = token;
+ return request;
+}
+
+declare global {
+ interface Window {
+ init: () => void;
+ }
+}
+window.init = init;
+export {};
diff --git a/dist/samples/place-autocomplete-data-session/playground/package.json b/dist/samples/place-autocomplete-data-session/playground/package.json
new file mode 100644
index 0000000000..33703d5822
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/package.json
@@ -0,0 +1,3 @@
+{
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/playground/playground.ts.json b/dist/samples/place-autocomplete-data-session/playground/playground.ts.json
new file mode 100644
index 0000000000..dfc32121fc
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/playground.ts.json
@@ -0,0 +1,17 @@
+{
+ "files": {
+ "index.ts": {
+ "label": "TypeScript"
+ },
+ "style.css": {
+ "label": "CSS"
+ },
+ "index.html": {
+ "label": "HTML"
+ },
+ "../../../types/google-maps/index.d.ts": {
+ "label": "@types/google.maps",
+ "hidden": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/playground/style.css b/dist/samples/place-autocomplete-data-session/playground/style.css
new file mode 100644
index 0000000000..fe4bb863a4
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/style.css
@@ -0,0 +1,28 @@
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: blue;
+}
+
+input {
+ width: 300px;
+}
+
diff --git a/dist/samples/place-autocomplete-data-simple/app/.env b/dist/samples/place-autocomplete-data-simple/app/.env
new file mode 100644
index 0000000000..d7474dcb8b
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/.env
@@ -0,0 +1 @@
+VITE_GOOGLE_MAPS_API_KEY=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/app/.eslintrc.json b/dist/samples/place-autocomplete-data-simple/app/.eslintrc.json
new file mode 100644
index 0000000000..841a372aa2
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/.eslintrc.json
@@ -0,0 +1,13 @@
+{
+ "extends": [
+ "plugin:@typescript-eslint/recommended"
+ ],
+ "parser": "@typescript-eslint/parser",
+ "rules": {
+ "@typescript-eslint/ban-ts-comment": 0,
+ "@typescript-eslint/no-this-alias": 1,
+ "@typescript-eslint/no-empty-function": 1,
+ "@typescript-eslint/explicit-module-boundary-types": 1,
+ "@typescript-eslint/no-unused-vars": 1
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/app/.gitignore b/dist/samples/place-autocomplete-data-simple/app/.gitignore
new file mode 100644
index 0000000000..10ec766622
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/.gitignore
@@ -0,0 +1,4 @@
+
+node_modules
+dist
+package-lock.json
diff --git a/dist/samples/place-autocomplete-data-simple/app/README.md b/dist/samples/place-autocomplete-data-simple/app/README.md
new file mode 100644
index 0000000000..012fc1859f
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/README.md
@@ -0,0 +1,17 @@
+# Google Maps JavaScript Sample
+
+This sample is generated from @googlemaps/js-samples located at
+https://github.com/googlemaps/js-samples.
+
+## Setup
+
+```sh
+npm i
+npm start # development
+npm run build # production
+```
+
+## Feedback
+
+For feedback related to this sample, please open a new issue on
+[GitHub](https://github.com/googlemaps/js-samples/issues).
diff --git a/dist/samples/place-autocomplete-data-simple/app/env.d.ts b/dist/samples/place-autocomplete-data-simple/app/env.d.ts
new file mode 100644
index 0000000000..2d29a7a6be
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/env.d.ts
@@ -0,0 +1,12 @@
+/// Place Autocomplete Data API Predictions
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/app/index.ts b/dist/samples/place-autocomplete-data-simple/app/index.ts
new file mode 100644
index 0000000000..c479d38d5d
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/index.ts
@@ -0,0 +1,56 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * Demonstrates making a single request for Place predictions, then requests Place Details for the first result.
+ */
+async function init() {
+ // @ts-ignore
+ const { Place, AutocompleteSessionToken, AutocompleteSuggestion } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
+
+ // Add an initial request body.
+ let request = {
+ input: "Tadi",
+ locationRestriction: { west: -122.44, north: 37.8, east: -122.39, south: 37.78 },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+ };
+
+ // Create a session token.
+ const token = new AutocompleteSessionToken();
+ // Add the token to the request.
+ // @ts-ignore
+ request.sessionToken = token;
+ // Fetch autocomplete suggestions.
+ const { suggestions } = await AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+
+ const title = document.getElementById('title') as HTMLElement;
+ title.appendChild(document.createTextNode('Query predictions for "' + request.input + '":'));
+
+ for (let suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+
+ // Create a new list element.
+ const listItem = document.createElement('li');
+ const resultsElement = document.getElementById("results") as HTMLElement;
+ listItem.appendChild(document.createTextNode(placePrediction.text.toString()));
+ resultsElement.appendChild(listItem);
+ }
+
+ let place = suggestions[0].placePrediction.toPlace(); // Get first predicted place.
+ await place.fetchFields({
+ fields: ['displayName', 'formattedAddress'],
+ });
+
+ const placeInfo = document.getElementById("prediction") as HTMLElement;
+ placeInfo.textContent = 'First predicted place: ' + place.displayName + ': ' + place.formattedAddress;
+
+}
+
+init();
+export { };
diff --git a/dist/samples/place-autocomplete-data-simple/app/package.json b/dist/samples/place-autocomplete-data-simple/app/package.json
new file mode 100644
index 0000000000..683cc14d0a
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "place-autocomplete-data-simple",
+ "description": "Samples for Google Maps JavaScript",
+ "version": "2.1.4",
+ "keywords": [
+ "google",
+ "javascript",
+ "maps",
+ "samples"
+ ],
+ "homepage": "https://github.com/googlemaps/js-samples#readme",
+ "bugs": {
+ "url": "https://github.com/googlemaps/js-samples/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/googlemaps/js-samples.git"
+ },
+ "files": [],
+ "license": "Apache-2.0",
+ "scripts": {
+ "dev": "vite",
+ "start": "vite",
+ "build": "vite build --outDir dist --base './'",
+ "test": "tsc --no-emit",
+ "preview": "vite preview"
+ },
+ "devDependencies": {
+ "@types/google.maps": "^3.53.5",
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
+ },
+ "private": true,
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/app/style.css b/dist/samples/place-autocomplete-data-simple/app/style.css
new file mode 100644
index 0000000000..c97e14e569
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/style.css
@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-autocomplete-data-simple/app/tsconfig.json b/dist/samples/place-autocomplete-data-simple/app/tsconfig.json
new file mode 100644
index 0000000000..b405998dad
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "compilerOptions": {
+ "module": "esnext",
+ "target": "esnext",
+ "strict": true,
+ "noImplicitAny": false,
+ "lib": [
+ "esnext",
+ "es6",
+ "dom",
+ "dom.iterable"
+ ],
+ "moduleResolution": "Node",
+ "jsx": "preserve"
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/app/vite.config.js b/dist/samples/place-autocomplete-data-simple/app/vite.config.js
new file mode 100644
index 0000000000..d49e45cd7e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ server: {
+ hmr:
+ process.env.CODESANDBOX_SSE || process.env.GITPOD_WORKSPACE_ID
+ ? 443
+ : undefined,
+ },
+});
diff --git a/dist/samples/place-autocomplete-data-simple/docs/index.html b/dist/samples/place-autocomplete-data-simple/docs/index.html
new file mode 100644
index 0000000000..4ef2f47f63
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/docs/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+ Place Autocomplete Data API Predictions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/docs/index.js b/dist/samples/place-autocomplete-data-simple/docs/index.js
new file mode 100644
index 0000000000..1851a7d6a3
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/docs/index.js
@@ -0,0 +1,84 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// [START maps_place_autocomplete_data_simple]
+/**
+ * Demonstrates making a single request for Place predictions, then requests Place Details for the first result.
+ */
+async function init() {
+ // @ts-ignore
+ const { Place, AutocompleteSessionToken, AutocompleteSuggestion } =
+ await google.maps.importLibrary("places");
+ // [START maps_place_autocomplete_data_simple_request]
+ // Add an initial request body.
+ // [START maps_place_autocomplete_data_simple_request_body]
+ let request = {
+ input: "Tadi",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+ };
+ // [END maps_place_autocomplete_data_simple_request_body]
+ // [START maps_place_autocomplete_data_simple_token]
+ // Create a session token.
+ const token = new AutocompleteSessionToken();
+
+ // Add the token to the request.
+ // @ts-ignore
+ request.sessionToken = token;
+
+ // [END maps_place_autocomplete_data_simple_token]
+ // [END maps_place_autocomplete_data_simple_request]
+ // [START maps_place_autocomplete_data_simple_get_suggestions]
+ // Fetch autocomplete suggestions.
+ const { suggestions } =
+ await AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+ const title = document.getElementById("title");
+
+ title.appendChild(
+ document.createTextNode('Query predictions for "' + request.input + '":'),
+ );
+
+ for (let suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+ // Create a new list element.
+ const listItem = document.createElement("li");
+ const resultsElement = document.getElementById("results");
+
+ listItem.appendChild(
+ document.createTextNode(placePrediction.text.toString()),
+ );
+ resultsElement.appendChild(listItem);
+ }
+
+ // [END maps_place_autocomplete_data_simple_get_suggestions]
+ // [START maps_place_autocomplete_data_simple_prediction]
+ let place = suggestions[0].placePrediction.toPlace(); // Get first predicted place.
+
+ // [START maps_place_autocomplete_data_simple_fetch]
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ // [END maps_place_autocomplete_data_simple_fetch]
+ const placeInfo = document.getElementById("prediction");
+
+ placeInfo.textContent =
+ "First predicted place: " +
+ place.displayName +
+ ": " +
+ place.formattedAddress;
+ // [END maps_place_autocomplete_data_simple_prediction]
+}
+
+init();
+// [END maps_place_autocomplete_data_simple]
diff --git a/dist/samples/place-autocomplete-data-simple/docs/style.css b/dist/samples/place-autocomplete-data-simple/docs/style.css
new file mode 100644
index 0000000000..a4ee062627
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/docs/style.css
@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* [START maps_place_autocomplete_data_simple] */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+/* [END maps_place_autocomplete_data_simple] */
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/iframe/index.html b/dist/samples/place-autocomplete-data-simple/iframe/index.html
new file mode 100644
index 0000000000..832c4f38a5
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/iframe/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+ Place Autocomplete Data API Predictions
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.css b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.css
new file mode 100644
index 0000000000..c97e14e569
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.css
@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.details b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.details
new file mode 100644
index 0000000000..f7ab25979e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: Place Autocomplete Data API Predictions
+authors:
+ - Justin Poehnelt
+tags:
+ - google maps
+load_type: h
+description: Sample code for Google Maps Platform JavaScript API
diff --git a/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.html b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.html
new file mode 100644
index 0000000000..888101865a
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.html
@@ -0,0 +1,27 @@
+
+
+
+
+ Place Autocomplete Data API Predictions
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.js b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.js
new file mode 100644
index 0000000000..5c734a26b9
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.js
@@ -0,0 +1,70 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Demonstrates making a single request for Place predictions, then requests Place Details for the first result.
+ */
+async function init() {
+ // @ts-ignore
+ const { Place, AutocompleteSessionToken, AutocompleteSuggestion } =
+ await google.maps.importLibrary("places");
+ // Add an initial request body.
+ let request = {
+ input: "Tadi",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+ };
+ // Create a session token.
+ const token = new AutocompleteSessionToken();
+
+ // Add the token to the request.
+ // @ts-ignore
+ request.sessionToken = token;
+
+ // Fetch autocomplete suggestions.
+ const { suggestions } =
+ await AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+ const title = document.getElementById("title");
+
+ title.appendChild(
+ document.createTextNode('Query predictions for "' + request.input + '":'),
+ );
+
+ for (let suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+ // Create a new list element.
+ const listItem = document.createElement("li");
+ const resultsElement = document.getElementById("results");
+
+ listItem.appendChild(
+ document.createTextNode(placePrediction.text.toString()),
+ );
+ resultsElement.appendChild(listItem);
+ }
+
+ let place = suggestions[0].placePrediction.toPlace(); // Get first predicted place.
+
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ const placeInfo = document.getElementById("prediction");
+
+ placeInfo.textContent =
+ "First predicted place: " +
+ place.displayName +
+ ": " +
+ place.formattedAddress;
+}
+
+init();
diff --git a/dist/samples/place-autocomplete-data-simple/playground/index.html b/dist/samples/place-autocomplete-data-simple/playground/index.html
new file mode 100644
index 0000000000..95529381a3
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/index.html
@@ -0,0 +1,30 @@
+
+
+ Place Autocomplete Data API Predictions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/playground/index.ts b/dist/samples/place-autocomplete-data-simple/playground/index.ts
new file mode 100644
index 0000000000..87236cd8dc
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/index.ts
@@ -0,0 +1,64 @@
+/**
+ * Demonstrates making a single request for Place predictions, then requests Place Details for the first result.
+ */
+async function init() {
+ // @ts-ignore
+ const { Place, AutocompleteSessionToken, AutocompleteSuggestion } =
+ (await google.maps.importLibrary("places")) as google.maps.PlacesLibrary;
+
+ // Add an initial request body.
+ let request = {
+ input: "Tadi",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+ };
+
+ // Create a session token.
+ const token = new AutocompleteSessionToken();
+ // Add the token to the request.
+ // @ts-ignore
+ request.sessionToken = token;
+ // Fetch autocomplete suggestions.
+ const { suggestions } =
+ await AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+
+ const title = document.getElementById("title") as HTMLElement;
+ title.appendChild(
+ document.createTextNode('Query predictions for "' + request.input + '":'),
+ );
+
+ for (let suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+
+ // Create a new list element.
+ const listItem = document.createElement("li");
+ const resultsElement = document.getElementById("results") as HTMLElement;
+ listItem.appendChild(
+ document.createTextNode(placePrediction.text.toString()),
+ );
+ resultsElement.appendChild(listItem);
+ }
+
+ let place = suggestions[0].placePrediction.toPlace(); // Get first predicted place.
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ const placeInfo = document.getElementById("prediction") as HTMLElement;
+ placeInfo.textContent =
+ "First predicted place: " +
+ place.displayName +
+ ": " +
+ place.formattedAddress;
+}
+
+init();
+export {};
diff --git a/dist/samples/place-autocomplete-data-simple/playground/package.json b/dist/samples/place-autocomplete-data-simple/playground/package.json
new file mode 100644
index 0000000000..33703d5822
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/package.json
@@ -0,0 +1,3 @@
+{
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/playground/playground.ts.json b/dist/samples/place-autocomplete-data-simple/playground/playground.ts.json
new file mode 100644
index 0000000000..dfc32121fc
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/playground.ts.json
@@ -0,0 +1,17 @@
+{
+ "files": {
+ "index.ts": {
+ "label": "TypeScript"
+ },
+ "style.css": {
+ "label": "CSS"
+ },
+ "index.html": {
+ "label": "HTML"
+ },
+ "../../../types/google-maps/index.d.ts": {
+ "label": "@types/google.maps",
+ "hidden": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/playground/style.css b/dist/samples/place-autocomplete-data-simple/playground/style.css
new file mode 100644
index 0000000000..a8d59c808e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/style.css
@@ -0,0 +1,18 @@
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-autocomplete-element/app/index.html b/dist/samples/place-autocomplete-element/app/index.html
index 7ff8e85a04..7e9bea96eb 100644
--- a/dist/samples/place-autocomplete-element/app/index.html
+++ b/dist/samples/place-autocomplete-element/app/index.html
@@ -7,7 +7,6 @@
Place Autocomplete element
-
diff --git a/dist/samples/place-autocomplete-element/app/index.ts b/dist/samples/place-autocomplete-element/app/index.ts
index 9ebc446650..24d79c5d0a 100644
--- a/dist/samples/place-autocomplete-element/app/index.ts
+++ b/dist/samples/place-autocomplete-element/app/index.ts
@@ -7,9 +7,7 @@
async function initMap(): Promise {
// Request needed libraries.
//@ts-ignore
- const [{ Map }] = await Promise.all([
- google.maps.importLibrary("places"),
- ]);
+ await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
// Create the input HTML element, and append it.
//@ts-ignore
const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
diff --git a/dist/samples/place-autocomplete-element/app/package.json b/dist/samples/place-autocomplete-element/app/package.json
index 7ff4a1b83a..5e36cf283f 100644
--- a/dist/samples/place-autocomplete-element/app/package.json
+++ b/dist/samples/place-autocomplete-element/app/package.json
@@ -27,8 +27,8 @@
},
"devDependencies": {
"@types/google.maps": "^3.53.5",
- "typescript": "^5.2.2",
- "vite": "^5.0.13"
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
},
"private": true,
"dependencies": {}
diff --git a/dist/samples/place-autocomplete-element/docs/index.html b/dist/samples/place-autocomplete-element/docs/index.html
index 6769c960bf..6fbea7bc5d 100644
--- a/dist/samples/place-autocomplete-element/docs/index.html
+++ b/dist/samples/place-autocomplete-element/docs/index.html
@@ -8,7 +8,6 @@
Place Autocomplete element
-
diff --git a/dist/samples/place-autocomplete-element/docs/index.js b/dist/samples/place-autocomplete-element/docs/index.js
index 38cc48eb55..07215ae358 100644
--- a/dist/samples/place-autocomplete-element/docs/index.js
+++ b/dist/samples/place-autocomplete-element/docs/index.js
@@ -8,7 +8,8 @@ async function initMap() {
// [START maps_place_autocomplete_element_add]
// Request needed libraries.
//@ts-ignore
- const [{ Map }] = await Promise.all([google.maps.importLibrary("places")]);
+ await google.maps.importLibrary("places");
+
// Create the input HTML element, and append it.
//@ts-ignore
const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
diff --git a/dist/samples/place-autocomplete-element/iframe/index.html b/dist/samples/place-autocomplete-element/iframe/index.html
index a55441e436..252cc9b50b 100644
--- a/dist/samples/place-autocomplete-element/iframe/index.html
+++ b/dist/samples/place-autocomplete-element/iframe/index.html
@@ -7,10 +7,9 @@
Place Autocomplete element
-
-
-
+
+
Place Autocomplete element
-
+
diff --git a/dist/samples/place-autocomplete-element/jsfiddle/demo.js b/dist/samples/place-autocomplete-element/jsfiddle/demo.js
index 5537a6333c..c12ca349a0 100644
--- a/dist/samples/place-autocomplete-element/jsfiddle/demo.js
+++ b/dist/samples/place-autocomplete-element/jsfiddle/demo.js
@@ -6,7 +6,8 @@
async function initMap() {
// Request needed libraries.
//@ts-ignore
- const [{ Map }] = await Promise.all([google.maps.importLibrary("places")]);
+ await google.maps.importLibrary("places");
+
// Create the input HTML element, and append it.
//@ts-ignore
const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
diff --git a/dist/samples/place-autocomplete-element/playground/index.html b/dist/samples/place-autocomplete-element/playground/index.html
index dccbfee61c..3e309599e9 100644
--- a/dist/samples/place-autocomplete-element/playground/index.html
+++ b/dist/samples/place-autocomplete-element/playground/index.html
@@ -1,7 +1,7 @@
Place Autocomplete element
-
+
diff --git a/dist/samples/place-autocomplete-map/app/package.json b/dist/samples/place-autocomplete-map/app/package.json
index a683207f8a..43a3162721 100644
--- a/dist/samples/place-autocomplete-map/app/package.json
+++ b/dist/samples/place-autocomplete-map/app/package.json
@@ -27,8 +27,8 @@
},
"devDependencies": {
"@types/google.maps": "^3.53.5",
- "typescript": "^5.2.2",
- "vite": "^5.0.13"
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
},
"private": true,
"dependencies": {}
diff --git a/dist/samples/place-autocomplete-map/docs/index.html b/dist/samples/place-autocomplete-map/docs/index.html
index 0059e58e76..80dd8f090c 100644
--- a/dist/samples/place-autocomplete-map/docs/index.html
+++ b/dist/samples/place-autocomplete-map/docs/index.html
@@ -8,7 +8,6 @@
Place Autocomplete map
-
diff --git a/dist/samples/place-autocomplete-map/iframe/index.html b/dist/samples/place-autocomplete-map/iframe/index.html
index b3c8b2e198..ee83656d86 100644
--- a/dist/samples/place-autocomplete-map/iframe/index.html
+++ b/dist/samples/place-autocomplete-map/iframe/index.html
@@ -7,10 +7,9 @@
Place Autocomplete map
-
-
-
+
+
-
-
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/app/index.ts b/dist/samples/place-autocomplete-data-session/app/index.ts
new file mode 100644
index 0000000000..8b2817a873
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/index.ts
@@ -0,0 +1,95 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+let title;
+let results;
+let input;
+let token;
+
+// Add an initial request body.
+let request = {
+ input: "",
+ locationRestriction: { west: -122.44, north: 37.8, east: -122.39, south: 37.78 },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+};
+
+async function init() {
+ token = new google.maps.places.AutocompleteSessionToken();
+
+ title = document.getElementById('title');
+ results = document.getElementById('results');
+ input = document.querySelector("input");
+ input.addEventListener("input", makeAcRequest);
+ request = refreshToken(request) as any;
+}
+
+async function makeAcRequest(input) {
+ // Reset elements and exit if an empty string is received.
+ if (input.target.value == '') {
+ title.innerText = '';
+ results.replaceChildren();
+ return;
+ }
+
+ // Add the latest char sequence to the request.
+ request.input = input.target.value;
+
+ // Fetch autocomplete suggestions and show them in a list.
+ // @ts-ignore
+ const { suggestions } = await google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+
+ title.innerText = 'Query predictions for "' + request.input + '"';
+
+ // Clear the list first.
+ results.replaceChildren();
+
+ for (const suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+
+ // Create a link for the place, add an event handler to fetch the place.
+ const a = document.createElement('a');
+ a.addEventListener('click', () => {
+ onPlaceSelected(placePrediction!.toPlace());
+ });
+ a.innerText = placePrediction!.text.toString();
+
+ // Create a new list element.
+ const li = document.createElement('li');
+ li.appendChild(a);
+ results.appendChild(li);
+ }
+}
+
+// Event handler for clicking on a suggested place.
+async function onPlaceSelected(place) {
+ await place.fetchFields({
+ fields: ['displayName', 'formattedAddress'],
+ });
+ let placeText = document.createTextNode(place.displayName + ': ' + place.formattedAddress);
+ results.replaceChildren(placeText);
+ title.innerText = 'Selected Place:';
+ input.value = '';
+ refreshToken(request);
+}
+
+// Helper function to refresh the session token.
+async function refreshToken(request) {
+ // Create a new session token and add it to the request.
+ token = new google.maps.places.AutocompleteSessionToken();
+ request.sessionToken = token;
+ return request;
+}
+
+declare global {
+ interface Window {
+ init: () => void;
+ }
+ }
+ window.init = init;
+export { };
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/app/package.json b/dist/samples/place-autocomplete-data-session/app/package.json
new file mode 100644
index 0000000000..3de8d10425
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "place-autocomplete-data-session",
+ "description": "Samples for Google Maps JavaScript",
+ "version": "2.1.4",
+ "keywords": [
+ "google",
+ "javascript",
+ "maps",
+ "samples"
+ ],
+ "homepage": "https://github.com/googlemaps/js-samples#readme",
+ "bugs": {
+ "url": "https://github.com/googlemaps/js-samples/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/googlemaps/js-samples.git"
+ },
+ "files": [],
+ "license": "Apache-2.0",
+ "scripts": {
+ "dev": "vite",
+ "start": "vite",
+ "build": "vite build --outDir dist --base './'",
+ "test": "tsc --no-emit",
+ "preview": "vite preview"
+ },
+ "devDependencies": {
+ "@types/google.maps": "^3.53.5",
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
+ },
+ "private": true,
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/app/style.css b/dist/samples/place-autocomplete-data-session/app/style.css
new file mode 100644
index 0000000000..d3245cacbd
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/style.css
@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: blue;
+}
+
+input {
+ width: 300px;
+}
+
diff --git a/dist/samples/place-autocomplete-data-session/app/tsconfig.json b/dist/samples/place-autocomplete-data-session/app/tsconfig.json
new file mode 100644
index 0000000000..b405998dad
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "compilerOptions": {
+ "module": "esnext",
+ "target": "esnext",
+ "strict": true,
+ "noImplicitAny": false,
+ "lib": [
+ "esnext",
+ "es6",
+ "dom",
+ "dom.iterable"
+ ],
+ "moduleResolution": "Node",
+ "jsx": "preserve"
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/app/vite.config.js b/dist/samples/place-autocomplete-data-session/app/vite.config.js
new file mode 100644
index 0000000000..d49e45cd7e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/app/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ server: {
+ hmr:
+ process.env.CODESANDBOX_SSE || process.env.GITPOD_WORKSPACE_ID
+ ? 443
+ : undefined,
+ },
+});
diff --git a/dist/samples/place-autocomplete-data-session/docs/index.html b/dist/samples/place-autocomplete-data-session/docs/index.html
new file mode 100644
index 0000000000..3fd5df3f21
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/docs/index.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/docs/index.js b/dist/samples/place-autocomplete-data-session/docs/index.js
new file mode 100644
index 0000000000..fead582dbb
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/docs/index.js
@@ -0,0 +1,100 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// [START maps_place_autocomplete_data_session]
+let title;
+let results;
+let input;
+let token;
+// Add an initial request body.
+let request = {
+ input: "",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+};
+
+async function init() {
+ token = new google.maps.places.AutocompleteSessionToken();
+ title = document.getElementById("title");
+ results = document.getElementById("results");
+ input = document.querySelector("input");
+ input.addEventListener("input", makeAcRequest);
+ request = refreshToken(request);
+}
+
+async function makeAcRequest(input) {
+ // Reset elements and exit if an empty string is received.
+ if (input.target.value == "") {
+ title.innerText = "";
+ results.replaceChildren();
+ return;
+ }
+
+ // Add the latest char sequence to the request.
+ request.input = input.target.value;
+
+ // Fetch autocomplete suggestions and show them in a list.
+ // @ts-ignore
+ const { suggestions } =
+ await google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(
+ request,
+ );
+
+ title.innerText = 'Query predictions for "' + request.input + '"';
+ // Clear the list first.
+ results.replaceChildren();
+
+ for (const suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+ // Create a link for the place, add an event handler to fetch the place.
+ const a = document.createElement("a");
+
+ a.addEventListener("click", () => {
+ onPlaceSelected(placePrediction.toPlace());
+ });
+ a.innerText = placePrediction.text.toString();
+
+ // Create a new list element.
+ const li = document.createElement("li");
+
+ li.appendChild(a);
+ results.appendChild(li);
+ }
+}
+
+// Event handler for clicking on a suggested place.
+async function onPlaceSelected(place) {
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ let placeText = document.createTextNode(
+ place.displayName + ": " + place.formattedAddress,
+ );
+
+ results.replaceChildren(placeText);
+ title.innerText = "Selected Place:";
+ input.value = "";
+ refreshToken(request);
+}
+
+// Helper function to refresh the session token.
+async function refreshToken(request) {
+ // Create a new session token and add it to the request.
+ token = new google.maps.places.AutocompleteSessionToken();
+ request.sessionToken = token;
+ return request;
+}
+
+window.init = init;
+// [END maps_place_autocomplete_data_session]
diff --git a/dist/samples/place-autocomplete-data-session/docs/style.css b/dist/samples/place-autocomplete-data-session/docs/style.css
new file mode 100644
index 0000000000..3f89029133
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/docs/style.css
@@ -0,0 +1,35 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* [START maps_place_autocomplete_data_session] */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: blue;
+}
+
+input {
+ width: 300px;
+}
+
+/* [END maps_place_autocomplete_data_session] */
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/iframe/index.html b/dist/samples/place-autocomplete-data-session/iframe/index.html
new file mode 100644
index 0000000000..dcb02e39a9
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/iframe/index.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/jsfiddle/demo.css b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.css
new file mode 100644
index 0000000000..d3245cacbd
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.css
@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: blue;
+}
+
+input {
+ width: 300px;
+}
+
diff --git a/dist/samples/place-autocomplete-data-session/jsfiddle/demo.details b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.details
new file mode 100644
index 0000000000..273703e93e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: Place Autocomplete Data API Session
+authors:
+ - Justin Poehnelt
+tags:
+ - google maps
+load_type: h
+description: Sample code for Google Maps Platform JavaScript API
diff --git a/dist/samples/place-autocomplete-data-session/jsfiddle/demo.html b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.html
new file mode 100644
index 0000000000..9fad214a50
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/jsfiddle/demo.js b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.js
new file mode 100644
index 0000000000..e4a804a0a9
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/jsfiddle/demo.js
@@ -0,0 +1,98 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let title;
+let results;
+let input;
+let token;
+// Add an initial request body.
+let request = {
+ input: "",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+};
+
+async function init() {
+ token = new google.maps.places.AutocompleteSessionToken();
+ title = document.getElementById("title");
+ results = document.getElementById("results");
+ input = document.querySelector("input");
+ input.addEventListener("input", makeAcRequest);
+ request = refreshToken(request);
+}
+
+async function makeAcRequest(input) {
+ // Reset elements and exit if an empty string is received.
+ if (input.target.value == "") {
+ title.innerText = "";
+ results.replaceChildren();
+ return;
+ }
+
+ // Add the latest char sequence to the request.
+ request.input = input.target.value;
+
+ // Fetch autocomplete suggestions and show them in a list.
+ // @ts-ignore
+ const { suggestions } =
+ await google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(
+ request,
+ );
+
+ title.innerText = 'Query predictions for "' + request.input + '"';
+ // Clear the list first.
+ results.replaceChildren();
+
+ for (const suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+ // Create a link for the place, add an event handler to fetch the place.
+ const a = document.createElement("a");
+
+ a.addEventListener("click", () => {
+ onPlaceSelected(placePrediction.toPlace());
+ });
+ a.innerText = placePrediction.text.toString();
+
+ // Create a new list element.
+ const li = document.createElement("li");
+
+ li.appendChild(a);
+ results.appendChild(li);
+ }
+}
+
+// Event handler for clicking on a suggested place.
+async function onPlaceSelected(place) {
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ let placeText = document.createTextNode(
+ place.displayName + ": " + place.formattedAddress,
+ );
+
+ results.replaceChildren(placeText);
+ title.innerText = "Selected Place:";
+ input.value = "";
+ refreshToken(request);
+}
+
+// Helper function to refresh the session token.
+async function refreshToken(request) {
+ // Create a new session token and add it to the request.
+ token = new google.maps.places.AutocompleteSessionToken();
+ request.sessionToken = token;
+ return request;
+}
+
+window.init = init;
diff --git a/dist/samples/place-autocomplete-data-session/playground/index.html b/dist/samples/place-autocomplete-data-session/playground/index.html
new file mode 100644
index 0000000000..891575eb65
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/index.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-session/playground/index.ts b/dist/samples/place-autocomplete-data-session/playground/index.ts
new file mode 100644
index 0000000000..baa341a713
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/index.ts
@@ -0,0 +1,99 @@
+let title;
+let results;
+let input;
+let token;
+
+// Add an initial request body.
+let request = {
+ input: "",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+};
+
+async function init() {
+ token = new google.maps.places.AutocompleteSessionToken();
+
+ title = document.getElementById("title");
+ results = document.getElementById("results");
+ input = document.querySelector("input");
+ input.addEventListener("input", makeAcRequest);
+ request = refreshToken(request) as any;
+}
+
+async function makeAcRequest(input) {
+ // Reset elements and exit if an empty string is received.
+ if (input.target.value == "") {
+ title.innerText = "";
+ results.replaceChildren();
+ return;
+ }
+
+ // Add the latest char sequence to the request.
+ request.input = input.target.value;
+
+ // Fetch autocomplete suggestions and show them in a list.
+ // @ts-ignore
+ const { suggestions } =
+ await google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(
+ request,
+ );
+
+ title.innerText = 'Query predictions for "' + request.input + '"';
+
+ // Clear the list first.
+ results.replaceChildren();
+
+ for (const suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+
+ // Create a link for the place, add an event handler to fetch the place.
+ const a = document.createElement("a");
+ a.addEventListener("click", () => {
+ onPlaceSelected(placePrediction!.toPlace());
+ });
+ a.innerText = placePrediction!.text.toString();
+
+ // Create a new list element.
+ const li = document.createElement("li");
+ li.appendChild(a);
+ results.appendChild(li);
+ }
+}
+
+// Event handler for clicking on a suggested place.
+async function onPlaceSelected(place) {
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+ let placeText = document.createTextNode(
+ place.displayName + ": " + place.formattedAddress,
+ );
+ results.replaceChildren(placeText);
+ title.innerText = "Selected Place:";
+ input.value = "";
+ refreshToken(request);
+}
+
+// Helper function to refresh the session token.
+async function refreshToken(request) {
+ // Create a new session token and add it to the request.
+ token = new google.maps.places.AutocompleteSessionToken();
+ request.sessionToken = token;
+ return request;
+}
+
+declare global {
+ interface Window {
+ init: () => void;
+ }
+}
+window.init = init;
+export {};
diff --git a/dist/samples/place-autocomplete-data-session/playground/package.json b/dist/samples/place-autocomplete-data-session/playground/package.json
new file mode 100644
index 0000000000..33703d5822
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/package.json
@@ -0,0 +1,3 @@
+{
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/playground/playground.ts.json b/dist/samples/place-autocomplete-data-session/playground/playground.ts.json
new file mode 100644
index 0000000000..dfc32121fc
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/playground.ts.json
@@ -0,0 +1,17 @@
+{
+ "files": {
+ "index.ts": {
+ "label": "TypeScript"
+ },
+ "style.css": {
+ "label": "CSS"
+ },
+ "index.html": {
+ "label": "HTML"
+ },
+ "../../../types/google-maps/index.d.ts": {
+ "label": "@types/google.maps",
+ "hidden": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-session/playground/style.css b/dist/samples/place-autocomplete-data-session/playground/style.css
new file mode 100644
index 0000000000..fe4bb863a4
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-session/playground/style.css
@@ -0,0 +1,28 @@
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: blue;
+}
+
+input {
+ width: 300px;
+}
+
diff --git a/dist/samples/place-autocomplete-data-simple/app/.env b/dist/samples/place-autocomplete-data-simple/app/.env
new file mode 100644
index 0000000000..d7474dcb8b
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/.env
@@ -0,0 +1 @@
+VITE_GOOGLE_MAPS_API_KEY=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/app/.eslintrc.json b/dist/samples/place-autocomplete-data-simple/app/.eslintrc.json
new file mode 100644
index 0000000000..841a372aa2
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/.eslintrc.json
@@ -0,0 +1,13 @@
+{
+ "extends": [
+ "plugin:@typescript-eslint/recommended"
+ ],
+ "parser": "@typescript-eslint/parser",
+ "rules": {
+ "@typescript-eslint/ban-ts-comment": 0,
+ "@typescript-eslint/no-this-alias": 1,
+ "@typescript-eslint/no-empty-function": 1,
+ "@typescript-eslint/explicit-module-boundary-types": 1,
+ "@typescript-eslint/no-unused-vars": 1
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/app/.gitignore b/dist/samples/place-autocomplete-data-simple/app/.gitignore
new file mode 100644
index 0000000000..10ec766622
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/.gitignore
@@ -0,0 +1,4 @@
+
+node_modules
+dist
+package-lock.json
diff --git a/dist/samples/place-autocomplete-data-simple/app/README.md b/dist/samples/place-autocomplete-data-simple/app/README.md
new file mode 100644
index 0000000000..012fc1859f
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/README.md
@@ -0,0 +1,17 @@
+# Google Maps JavaScript Sample
+
+This sample is generated from @googlemaps/js-samples located at
+https://github.com/googlemaps/js-samples.
+
+## Setup
+
+```sh
+npm i
+npm start # development
+npm run build # production
+```
+
+## Feedback
+
+For feedback related to this sample, please open a new issue on
+[GitHub](https://github.com/googlemaps/js-samples/issues).
diff --git a/dist/samples/place-autocomplete-data-simple/app/env.d.ts b/dist/samples/place-autocomplete-data-simple/app/env.d.ts
new file mode 100644
index 0000000000..2d29a7a6be
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/env.d.ts
@@ -0,0 +1,12 @@
+/// +
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/app/index.ts b/dist/samples/place-autocomplete-data-simple/app/index.ts
new file mode 100644
index 0000000000..c479d38d5d
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/index.ts
@@ -0,0 +1,56 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * Demonstrates making a single request for Place predictions, then requests Place Details for the first result.
+ */
+async function init() {
+ // @ts-ignore
+ const { Place, AutocompleteSessionToken, AutocompleteSuggestion } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
+
+ // Add an initial request body.
+ let request = {
+ input: "Tadi",
+ locationRestriction: { west: -122.44, north: 37.8, east: -122.39, south: 37.78 },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+ };
+
+ // Create a session token.
+ const token = new AutocompleteSessionToken();
+ // Add the token to the request.
+ // @ts-ignore
+ request.sessionToken = token;
+ // Fetch autocomplete suggestions.
+ const { suggestions } = await AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+
+ const title = document.getElementById('title') as HTMLElement;
+ title.appendChild(document.createTextNode('Query predictions for "' + request.input + '":'));
+
+ for (let suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+
+ // Create a new list element.
+ const listItem = document.createElement('li');
+ const resultsElement = document.getElementById("results") as HTMLElement;
+ listItem.appendChild(document.createTextNode(placePrediction.text.toString()));
+ resultsElement.appendChild(listItem);
+ }
+
+ let place = suggestions[0].placePrediction.toPlace(); // Get first predicted place.
+ await place.fetchFields({
+ fields: ['displayName', 'formattedAddress'],
+ });
+
+ const placeInfo = document.getElementById("prediction") as HTMLElement;
+ placeInfo.textContent = 'First predicted place: ' + place.displayName + ': ' + place.formattedAddress;
+
+}
+
+init();
+export { };
diff --git a/dist/samples/place-autocomplete-data-simple/app/package.json b/dist/samples/place-autocomplete-data-simple/app/package.json
new file mode 100644
index 0000000000..683cc14d0a
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "place-autocomplete-data-simple",
+ "description": "Samples for Google Maps JavaScript",
+ "version": "2.1.4",
+ "keywords": [
+ "google",
+ "javascript",
+ "maps",
+ "samples"
+ ],
+ "homepage": "https://github.com/googlemaps/js-samples#readme",
+ "bugs": {
+ "url": "https://github.com/googlemaps/js-samples/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/googlemaps/js-samples.git"
+ },
+ "files": [],
+ "license": "Apache-2.0",
+ "scripts": {
+ "dev": "vite",
+ "start": "vite",
+ "build": "vite build --outDir dist --base './'",
+ "test": "tsc --no-emit",
+ "preview": "vite preview"
+ },
+ "devDependencies": {
+ "@types/google.maps": "^3.53.5",
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
+ },
+ "private": true,
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/app/style.css b/dist/samples/place-autocomplete-data-simple/app/style.css
new file mode 100644
index 0000000000..c97e14e569
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/style.css
@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-autocomplete-data-simple/app/tsconfig.json b/dist/samples/place-autocomplete-data-simple/app/tsconfig.json
new file mode 100644
index 0000000000..b405998dad
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "compilerOptions": {
+ "module": "esnext",
+ "target": "esnext",
+ "strict": true,
+ "noImplicitAny": false,
+ "lib": [
+ "esnext",
+ "es6",
+ "dom",
+ "dom.iterable"
+ ],
+ "moduleResolution": "Node",
+ "jsx": "preserve"
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/app/vite.config.js b/dist/samples/place-autocomplete-data-simple/app/vite.config.js
new file mode 100644
index 0000000000..d49e45cd7e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/app/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ server: {
+ hmr:
+ process.env.CODESANDBOX_SSE || process.env.GITPOD_WORKSPACE_ID
+ ? 443
+ : undefined,
+ },
+});
diff --git a/dist/samples/place-autocomplete-data-simple/docs/index.html b/dist/samples/place-autocomplete-data-simple/docs/index.html
new file mode 100644
index 0000000000..4ef2f47f63
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/docs/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+ +
+
+
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/docs/index.js b/dist/samples/place-autocomplete-data-simple/docs/index.js
new file mode 100644
index 0000000000..1851a7d6a3
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/docs/index.js
@@ -0,0 +1,84 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// [START maps_place_autocomplete_data_simple]
+/**
+ * Demonstrates making a single request for Place predictions, then requests Place Details for the first result.
+ */
+async function init() {
+ // @ts-ignore
+ const { Place, AutocompleteSessionToken, AutocompleteSuggestion } =
+ await google.maps.importLibrary("places");
+ // [START maps_place_autocomplete_data_simple_request]
+ // Add an initial request body.
+ // [START maps_place_autocomplete_data_simple_request_body]
+ let request = {
+ input: "Tadi",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+ };
+ // [END maps_place_autocomplete_data_simple_request_body]
+ // [START maps_place_autocomplete_data_simple_token]
+ // Create a session token.
+ const token = new AutocompleteSessionToken();
+
+ // Add the token to the request.
+ // @ts-ignore
+ request.sessionToken = token;
+
+ // [END maps_place_autocomplete_data_simple_token]
+ // [END maps_place_autocomplete_data_simple_request]
+ // [START maps_place_autocomplete_data_simple_get_suggestions]
+ // Fetch autocomplete suggestions.
+ const { suggestions } =
+ await AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+ const title = document.getElementById("title");
+
+ title.appendChild(
+ document.createTextNode('Query predictions for "' + request.input + '":'),
+ );
+
+ for (let suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+ // Create a new list element.
+ const listItem = document.createElement("li");
+ const resultsElement = document.getElementById("results");
+
+ listItem.appendChild(
+ document.createTextNode(placePrediction.text.toString()),
+ );
+ resultsElement.appendChild(listItem);
+ }
+
+ // [END maps_place_autocomplete_data_simple_get_suggestions]
+ // [START maps_place_autocomplete_data_simple_prediction]
+ let place = suggestions[0].placePrediction.toPlace(); // Get first predicted place.
+
+ // [START maps_place_autocomplete_data_simple_fetch]
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ // [END maps_place_autocomplete_data_simple_fetch]
+ const placeInfo = document.getElementById("prediction");
+
+ placeInfo.textContent =
+ "First predicted place: " +
+ place.displayName +
+ ": " +
+ place.formattedAddress;
+ // [END maps_place_autocomplete_data_simple_prediction]
+}
+
+init();
+// [END maps_place_autocomplete_data_simple]
diff --git a/dist/samples/place-autocomplete-data-simple/docs/style.css b/dist/samples/place-autocomplete-data-simple/docs/style.css
new file mode 100644
index 0000000000..a4ee062627
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/docs/style.css
@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* [START maps_place_autocomplete_data_simple] */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+/* [END maps_place_autocomplete_data_simple] */
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/iframe/index.html b/dist/samples/place-autocomplete-data-simple/iframe/index.html
new file mode 100644
index 0000000000..832c4f38a5
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/iframe/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+ +
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.css b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.css
new file mode 100644
index 0000000000..c97e14e569
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.css
@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.details b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.details
new file mode 100644
index 0000000000..f7ab25979e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: Place Autocomplete Data API Predictions
+authors:
+ - Justin Poehnelt
+tags:
+ - google maps
+load_type: h
+description: Sample code for Google Maps Platform JavaScript API
diff --git a/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.html b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.html
new file mode 100644
index 0000000000..888101865a
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.html
@@ -0,0 +1,27 @@
+
+
+
+
+ +
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.js b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.js
new file mode 100644
index 0000000000..5c734a26b9
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/jsfiddle/demo.js
@@ -0,0 +1,70 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Demonstrates making a single request for Place predictions, then requests Place Details for the first result.
+ */
+async function init() {
+ // @ts-ignore
+ const { Place, AutocompleteSessionToken, AutocompleteSuggestion } =
+ await google.maps.importLibrary("places");
+ // Add an initial request body.
+ let request = {
+ input: "Tadi",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+ };
+ // Create a session token.
+ const token = new AutocompleteSessionToken();
+
+ // Add the token to the request.
+ // @ts-ignore
+ request.sessionToken = token;
+
+ // Fetch autocomplete suggestions.
+ const { suggestions } =
+ await AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+ const title = document.getElementById("title");
+
+ title.appendChild(
+ document.createTextNode('Query predictions for "' + request.input + '":'),
+ );
+
+ for (let suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+ // Create a new list element.
+ const listItem = document.createElement("li");
+ const resultsElement = document.getElementById("results");
+
+ listItem.appendChild(
+ document.createTextNode(placePrediction.text.toString()),
+ );
+ resultsElement.appendChild(listItem);
+ }
+
+ let place = suggestions[0].placePrediction.toPlace(); // Get first predicted place.
+
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ const placeInfo = document.getElementById("prediction");
+
+ placeInfo.textContent =
+ "First predicted place: " +
+ place.displayName +
+ ": " +
+ place.formattedAddress;
+}
+
+init();
diff --git a/dist/samples/place-autocomplete-data-simple/playground/index.html b/dist/samples/place-autocomplete-data-simple/playground/index.html
new file mode 100644
index 0000000000..95529381a3
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/index.html
@@ -0,0 +1,30 @@
+
+
+ +
+
+
+
+
+
diff --git a/dist/samples/place-autocomplete-data-simple/playground/index.ts b/dist/samples/place-autocomplete-data-simple/playground/index.ts
new file mode 100644
index 0000000000..87236cd8dc
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/index.ts
@@ -0,0 +1,64 @@
+/**
+ * Demonstrates making a single request for Place predictions, then requests Place Details for the first result.
+ */
+async function init() {
+ // @ts-ignore
+ const { Place, AutocompleteSessionToken, AutocompleteSuggestion } =
+ (await google.maps.importLibrary("places")) as google.maps.PlacesLibrary;
+
+ // Add an initial request body.
+ let request = {
+ input: "Tadi",
+ locationRestriction: {
+ west: -122.44,
+ north: 37.8,
+ east: -122.39,
+ south: 37.78,
+ },
+ origin: { lat: 37.7893, lng: -122.4039 },
+ includedPrimaryTypes: ["restaurant"],
+ language: "en-US",
+ region: "us",
+ };
+
+ // Create a session token.
+ const token = new AutocompleteSessionToken();
+ // Add the token to the request.
+ // @ts-ignore
+ request.sessionToken = token;
+ // Fetch autocomplete suggestions.
+ const { suggestions } =
+ await AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+
+ const title = document.getElementById("title") as HTMLElement;
+ title.appendChild(
+ document.createTextNode('Query predictions for "' + request.input + '":'),
+ );
+
+ for (let suggestion of suggestions) {
+ const placePrediction = suggestion.placePrediction;
+
+ // Create a new list element.
+ const listItem = document.createElement("li");
+ const resultsElement = document.getElementById("results") as HTMLElement;
+ listItem.appendChild(
+ document.createTextNode(placePrediction.text.toString()),
+ );
+ resultsElement.appendChild(listItem);
+ }
+
+ let place = suggestions[0].placePrediction.toPlace(); // Get first predicted place.
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress"],
+ });
+
+ const placeInfo = document.getElementById("prediction") as HTMLElement;
+ placeInfo.textContent =
+ "First predicted place: " +
+ place.displayName +
+ ": " +
+ place.formattedAddress;
+}
+
+init();
+export {};
diff --git a/dist/samples/place-autocomplete-data-simple/playground/package.json b/dist/samples/place-autocomplete-data-simple/playground/package.json
new file mode 100644
index 0000000000..33703d5822
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/package.json
@@ -0,0 +1,3 @@
+{
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/playground/playground.ts.json b/dist/samples/place-autocomplete-data-simple/playground/playground.ts.json
new file mode 100644
index 0000000000..dfc32121fc
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/playground.ts.json
@@ -0,0 +1,17 @@
+{
+ "files": {
+ "index.ts": {
+ "label": "TypeScript"
+ },
+ "style.css": {
+ "label": "CSS"
+ },
+ "index.html": {
+ "label": "HTML"
+ },
+ "../../../types/google-maps/index.d.ts": {
+ "label": "@types/google.maps",
+ "hidden": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-data-simple/playground/style.css b/dist/samples/place-autocomplete-data-simple/playground/style.css
new file mode 100644
index 0000000000..a8d59c808e
--- /dev/null
+++ b/dist/samples/place-autocomplete-data-simple/playground/style.css
@@ -0,0 +1,18 @@
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-autocomplete-element/app/index.html b/dist/samples/place-autocomplete-element/app/index.html
index 7ff8e85a04..7e9bea96eb 100644
--- a/dist/samples/place-autocomplete-element/app/index.html
+++ b/dist/samples/place-autocomplete-element/app/index.html
@@ -7,7 +7,6 @@
Search for a place here:
diff --git a/dist/samples/place-autocomplete-element/jsfiddle/demo.html b/dist/samples/place-autocomplete-element/jsfiddle/demo.html index c9a4121800..8ad57bb2ba 100644 --- a/dist/samples/place-autocomplete-element/jsfiddle/demo.html +++ b/dist/samples/place-autocomplete-element/jsfiddle/demo.html @@ -7,7 +7,7 @@
diff --git a/dist/samples/place-autocomplete-map/jsfiddle/demo.html b/dist/samples/place-autocomplete-map/jsfiddle/demo.html
index fcff856969..0160efdd51 100644
--- a/dist/samples/place-autocomplete-map/jsfiddle/demo.html
+++ b/dist/samples/place-autocomplete-map/jsfiddle/demo.html
@@ -7,7 +7,7 @@
Place Autocomplete map
-
+
diff --git a/dist/samples/place-autocomplete-map/playground/index.html b/dist/samples/place-autocomplete-map/playground/index.html
index a9d398d35e..1342f5752c 100644
--- a/dist/samples/place-autocomplete-map/playground/index.html
+++ b/dist/samples/place-autocomplete-map/playground/index.html
@@ -1,7 +1,7 @@
Place Autocomplete map
-
+
diff --git a/dist/samples/place-class/app/index.ts b/dist/samples/place-class/app/index.ts
index cf0d81df65..acdfff5aa4 100644
--- a/dist/samples/place-class/app/index.ts
+++ b/dist/samples/place-class/app/index.ts
@@ -9,7 +9,6 @@ let centerCoordinates = { lat: 37.4161493, lng: -122.0812166 };
async function initMap() {
const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
- const { Place } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
map = new Map(document.getElementById('map') as HTMLElement, {
center: centerCoordinates,
@@ -19,10 +18,11 @@ async function initMap() {
// [END_EXCLUDE]
});
- getPlaceDetails(Place);
+ getPlaceDetails();
}
-async function getPlaceDetails(Place) {
+async function getPlaceDetails() {
+ const { Place } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
// Use place ID to create a new Place instance.
const place = new Place({
@@ -46,4 +46,4 @@ async function getPlaceDetails(Place) {
}
initMap();
-export { };
\ No newline at end of file
+export { };
diff --git a/dist/samples/place-class/app/package.json b/dist/samples/place-class/app/package.json
index 3f75d7e5c8..6df633f37d 100644
--- a/dist/samples/place-class/app/package.json
+++ b/dist/samples/place-class/app/package.json
@@ -27,8 +27,8 @@
},
"devDependencies": {
"@types/google.maps": "^3.53.5",
- "typescript": "^5.2.2",
- "vite": "^5.0.13"
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
},
"private": true,
"dependencies": {}
diff --git a/dist/samples/place-class/docs/index.html b/dist/samples/place-class/docs/index.html
index ce5f2230c5..ac0b7d96a6 100644
--- a/dist/samples/place-class/docs/index.html
+++ b/dist/samples/place-class/docs/index.html
@@ -8,7 +8,6 @@
Place Class
-
diff --git a/dist/samples/place-class/docs/index.js b/dist/samples/place-class/docs/index.js
index d549d55a67..0750cd0feb 100644
--- a/dist/samples/place-class/docs/index.js
+++ b/dist/samples/place-class/docs/index.js
@@ -9,7 +9,6 @@ let centerCoordinates = { lat: 37.4161493, lng: -122.0812166 };
async function initMap() {
const { Map } = await google.maps.importLibrary("maps");
- const { Place } = await google.maps.importLibrary("places");
map = new Map(document.getElementById("map"), {
center: centerCoordinates,
@@ -18,11 +17,12 @@ async function initMap() {
mapId: "4504f8b37365c3d0",
// [END_EXCLUDE]
});
- getPlaceDetails(Place);
+ getPlaceDetails();
}
// [START maps_place_class_fetchfields]
-async function getPlaceDetails(Place) {
+async function getPlaceDetails() {
+ const { Place } = await google.maps.importLibrary("places");
const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
// Use place ID to create a new Place instance.
const place = new Place({
diff --git a/dist/samples/place-class/iframe/index.html b/dist/samples/place-class/iframe/index.html
index e419742cfe..b01e764dae 100644
--- a/dist/samples/place-class/iframe/index.html
+++ b/dist/samples/place-class/iframe/index.html
@@ -7,10 +7,9 @@
Place Class
-
-
-
+
+
diff --git a/dist/samples/place-class/jsfiddle/demo.html b/dist/samples/place-class/jsfiddle/demo.html
index f8cdd2fb53..a371a594b8 100644
--- a/dist/samples/place-class/jsfiddle/demo.html
+++ b/dist/samples/place-class/jsfiddle/demo.html
@@ -7,7 +7,7 @@
Place Class
-
+
diff --git a/dist/samples/place-class/jsfiddle/demo.js b/dist/samples/place-class/jsfiddle/demo.js
index 66ec4e9218..c3b3fb4433 100644
--- a/dist/samples/place-class/jsfiddle/demo.js
+++ b/dist/samples/place-class/jsfiddle/demo.js
@@ -8,7 +8,6 @@ let centerCoordinates = { lat: 37.4161493, lng: -122.0812166 };
async function initMap() {
const { Map } = await google.maps.importLibrary("maps");
- const { Place } = await google.maps.importLibrary("places");
map = new Map(document.getElementById("map"), {
center: centerCoordinates,
@@ -17,10 +16,11 @@ async function initMap() {
mapId: "4504f8b37365c3d0",
// [END_EXCLUDE]
});
- getPlaceDetails(Place);
+ getPlaceDetails();
}
-async function getPlaceDetails(Place) {
+async function getPlaceDetails() {
+ const { Place } = await google.maps.importLibrary("places");
const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
// Use place ID to create a new Place instance.
const place = new Place({
diff --git a/dist/samples/place-class/playground/index.html b/dist/samples/place-class/playground/index.html
index 863c93110b..f4f8643f6b 100644
--- a/dist/samples/place-class/playground/index.html
+++ b/dist/samples/place-class/playground/index.html
@@ -1,7 +1,7 @@
Place Class
-
+
@@ -16,10 +15,10 @@
@@ -17,10 +16,10 @@
-
-
+
+
+
+
diff --git a/dist/samples/place-nearby-search/app/package.json b/dist/samples/place-nearby-search/app/package.json
index a5f6f261d6..ed4ac267ee 100644
--- a/dist/samples/place-nearby-search/app/package.json
+++ b/dist/samples/place-nearby-search/app/package.json
@@ -27,8 +27,8 @@
},
"devDependencies": {
"@types/google.maps": "^3.53.5",
- "typescript": "^5.2.2",
- "vite": "^5.0.13"
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
},
"private": true,
"dependencies": {}
diff --git a/dist/samples/place-nearby-search/docs/index.html b/dist/samples/place-nearby-search/docs/index.html
index 2200deba02..e9b0e442b8 100644
--- a/dist/samples/place-nearby-search/docs/index.html
+++ b/dist/samples/place-nearby-search/docs/index.html
@@ -8,7 +8,6 @@
Nearby Search
-
diff --git a/dist/samples/place-nearby-search/iframe/index.html b/dist/samples/place-nearby-search/iframe/index.html
index 135be38b63..8277068f08 100644
--- a/dist/samples/place-nearby-search/iframe/index.html
+++ b/dist/samples/place-nearby-search/iframe/index.html
@@ -7,10 +7,9 @@
Nearby Search
-
-
-
+
+
diff --git a/dist/samples/place-nearby-search/jsfiddle/demo.html b/dist/samples/place-nearby-search/jsfiddle/demo.html
index 19fb0de54b..e1dc6aa6a7 100644
--- a/dist/samples/place-nearby-search/jsfiddle/demo.html
+++ b/dist/samples/place-nearby-search/jsfiddle/demo.html
@@ -7,7 +7,7 @@
Nearby Search
-
+
diff --git a/dist/samples/place-nearby-search/playground/index.html b/dist/samples/place-nearby-search/playground/index.html
index 17d06c51af..a5d567eeee 100644
--- a/dist/samples/place-nearby-search/playground/index.html
+++ b/dist/samples/place-nearby-search/playground/index.html
@@ -1,7 +1,7 @@
Nearby Search
-
+
+
+
+ Place Photos
+
+
+
+
+
+ Place Photos
+
+
+
+
+
+ Place Photos
+
+
+
+
+ Place Photos
+
+
+
+
+
+
+
+
+
+ Place Reviews
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-reviews/app/index.ts b/dist/samples/place-reviews/app/index.ts
new file mode 100644
index 0000000000..cbcdd3eeae
--- /dev/null
+++ b/dist/samples/place-reviews/app/index.ts
@@ -0,0 +1,75 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+let map: google.maps.Map;
+let centerCoordinates = { lat: 42.349134, lng: -71.083184 }; // Boston, MA
+let infoWindow;
+let contentString;
+
+async function initMap() {
+ const { Map, InfoWindow } = await google.maps.importLibrary('maps') as google.maps.MapsLibrary;
+ const { AdvancedMarkerElement } = await google.maps.importLibrary('marker') as google.maps.MarkerLibrary;
+ const { Place, Review } = await google.maps.importLibrary('places') as google.maps.PlacesLibrary;
+
+ map = new Map(document.getElementById('map') as HTMLElement, {
+ center: centerCoordinates,
+ zoom: 14,
+ // [START_EXCLUDE]
+ mapId: '4504f8b37365c3d0',
+ // [END_EXCLUDE]
+ });
+
+ // Use a place ID to create a new Place instance.
+ const place = new Place({
+ id: 'ChIJpyiwa4Zw44kRBQSGWKv4wgA', // Faneuil Hall Marketplace, Boston, MA
+ });
+
+ // Call fetchFields, passing 'reviews' and other needed fields.
+ await place.fetchFields({
+ fields: ['displayName', 'formattedAddress', 'location', 'reviews'],
+ });
+
+ // If there are any reviews display the first one.
+ if (place.reviews && place.reviews.length > 0) {
+ // Get info for the first review.
+ let reviewRating = place.reviews[0].rating;
+ let reviewText = place.reviews[0].text;
+ let authorName = place.reviews[0].authorAttribution!.displayName;
+ let authorUri = place.reviews[0].authorAttribution!.uri;
+
+ // Format the review using HTML.
+ contentString =`
+ `;
+ } else {
+ contentString = 'No reviews were found for ' + place.displayName + '.';
+ }
+
+ // Create an infowindow to display the review.
+ infoWindow = new InfoWindow({
+ content: contentString,
+ ariaLabel: place.displayName,
+ });
+
+ // Add a marker.
+ const marker = new AdvancedMarkerElement({
+ map,
+ position: place.location,
+ title: place.displayName,
+ });
+
+ // Show the info window.
+ infoWindow.open({
+ anchor: marker,
+ map,
+ });
+}
+
+initMap();
+export { };
diff --git a/dist/samples/place-reviews/app/package.json b/dist/samples/place-reviews/app/package.json
new file mode 100644
index 0000000000..1e77aead0f
--- /dev/null
+++ b/dist/samples/place-reviews/app/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "place-reviews",
+ "description": "Samples for Google Maps JavaScript",
+ "version": "2.1.4",
+ "keywords": [
+ "google",
+ "javascript",
+ "maps",
+ "samples"
+ ],
+ "homepage": "https://github.com/googlemaps/js-samples#readme",
+ "bugs": {
+ "url": "https://github.com/googlemaps/js-samples/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/googlemaps/js-samples.git"
+ },
+ "files": [],
+ "license": "Apache-2.0",
+ "scripts": {
+ "dev": "vite",
+ "start": "vite",
+ "build": "vite build --outDir dist --base './'",
+ "test": "tsc --no-emit",
+ "preview": "vite preview"
+ },
+ "devDependencies": {
+ "@types/google.maps": "^3.53.5",
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
+ },
+ "private": true,
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-reviews/app/style.css b/dist/samples/place-reviews/app/style.css
new file mode 100644
index 0000000000..c97e14e569
--- /dev/null
+++ b/dist/samples/place-reviews/app/style.css
@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-reviews/app/tsconfig.json b/dist/samples/place-reviews/app/tsconfig.json
new file mode 100644
index 0000000000..b405998dad
--- /dev/null
+++ b/dist/samples/place-reviews/app/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "compilerOptions": {
+ "module": "esnext",
+ "target": "esnext",
+ "strict": true,
+ "noImplicitAny": false,
+ "lib": [
+ "esnext",
+ "es6",
+ "dom",
+ "dom.iterable"
+ ],
+ "moduleResolution": "Node",
+ "jsx": "preserve"
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-reviews/app/vite.config.js b/dist/samples/place-reviews/app/vite.config.js
new file mode 100644
index 0000000000..d49e45cd7e
--- /dev/null
+++ b/dist/samples/place-reviews/app/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ server: {
+ hmr:
+ process.env.CODESANDBOX_SSE || process.env.GITPOD_WORKSPACE_ID
+ ? 443
+ : undefined,
+ },
+});
diff --git a/dist/samples/place-reviews/docs/index.html b/dist/samples/place-reviews/docs/index.html
new file mode 100644
index 0000000000..4807e8634f
--- /dev/null
+++ b/dist/samples/place-reviews/docs/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+ Place Reviews
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-reviews/docs/index.js b/dist/samples/place-reviews/docs/index.js
new file mode 100644
index 0000000000..5d82804d85
--- /dev/null
+++ b/dist/samples/place-reviews/docs/index.js
@@ -0,0 +1,76 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// [START maps_place_reviews]
+let map;
+let centerCoordinates = { lat: 42.349134, lng: -71.083184 }; // Boston, MA
+let infoWindow;
+let contentString;
+
+async function initMap() {
+ const { Map, InfoWindow } = await google.maps.importLibrary("maps");
+ const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
+ const { Place, Review } = await google.maps.importLibrary("places");
+
+ map = new Map(document.getElementById("map"), {
+ center: centerCoordinates,
+ zoom: 14,
+ // [START_EXCLUDE]
+ mapId: "4504f8b37365c3d0",
+ // [END_EXCLUDE]
+ });
+
+ // [START maps_place_reviews_get_first]
+ // Use a place ID to create a new Place instance.
+ const place = new Place({
+ id: "ChIJpyiwa4Zw44kRBQSGWKv4wgA", // Faneuil Hall Marketplace, Boston, MA
+ });
+
+ // Call fetchFields, passing 'reviews' and other needed fields.
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress", "location", "reviews"],
+ });
+ // If there are any reviews display the first one.
+ if (place.reviews && place.reviews.length > 0) {
+ // Get info for the first review.
+ let reviewRating = place.reviews[0].rating;
+ let reviewText = place.reviews[0].text;
+ let authorName = place.reviews[0].authorAttribution.displayName;
+ let authorUri = place.reviews[0].authorAttribution.uri;
+
+ // Format the review using HTML.
+ contentString = `
+ `;
+ } else {
+ contentString = "No reviews were found for " + place.displayName + ".";
+ }
+
+ // Create an infowindow to display the review.
+ infoWindow = new InfoWindow({
+ content: contentString,
+ ariaLabel: place.displayName,
+ });
+
+ // [END maps_place_reviews_get_first]
+ // Add a marker.
+ const marker = new AdvancedMarkerElement({
+ map,
+ position: place.location,
+ title: place.displayName,
+ });
+
+ // Show the info window.
+ infoWindow.open({
+ anchor: marker,
+ map,
+ });
+}
+
+initMap();
+// [END maps_place_reviews]
diff --git a/dist/samples/place-reviews/docs/style.css b/dist/samples/place-reviews/docs/style.css
new file mode 100644
index 0000000000..50e7924169
--- /dev/null
+++ b/dist/samples/place-reviews/docs/style.css
@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* [START maps_place_reviews] */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+/* [END maps_place_reviews] */
\ No newline at end of file
diff --git a/dist/samples/place-reviews/iframe/index.html b/dist/samples/place-reviews/iframe/index.html
new file mode 100644
index 0000000000..3d6904588c
--- /dev/null
+++ b/dist/samples/place-reviews/iframe/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+ Place Reviews
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-reviews/jsfiddle/demo.css b/dist/samples/place-reviews/jsfiddle/demo.css
new file mode 100644
index 0000000000..c97e14e569
--- /dev/null
+++ b/dist/samples/place-reviews/jsfiddle/demo.css
@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-reviews/jsfiddle/demo.details b/dist/samples/place-reviews/jsfiddle/demo.details
new file mode 100644
index 0000000000..e2776ecf3d
--- /dev/null
+++ b/dist/samples/place-reviews/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: Place Reviews
+authors:
+ - Justin Poehnelt
+tags:
+ - google maps
+load_type: h
+description: Sample code for Google Maps Platform JavaScript API
diff --git a/dist/samples/place-reviews/jsfiddle/demo.html b/dist/samples/place-reviews/jsfiddle/demo.html
new file mode 100644
index 0000000000..fafd808407
--- /dev/null
+++ b/dist/samples/place-reviews/jsfiddle/demo.html
@@ -0,0 +1,20 @@
+
+
+
+
+ Place Reviews
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-reviews/jsfiddle/demo.js b/dist/samples/place-reviews/jsfiddle/demo.js
new file mode 100644
index 0000000000..8a7f1f39fb
--- /dev/null
+++ b/dist/samples/place-reviews/jsfiddle/demo.js
@@ -0,0 +1,72 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let map;
+let centerCoordinates = { lat: 42.349134, lng: -71.083184 }; // Boston, MA
+let infoWindow;
+let contentString;
+
+async function initMap() {
+ const { Map, InfoWindow } = await google.maps.importLibrary("maps");
+ const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
+ const { Place, Review } = await google.maps.importLibrary("places");
+
+ map = new Map(document.getElementById("map"), {
+ center: centerCoordinates,
+ zoom: 14,
+ // [START_EXCLUDE]
+ mapId: "4504f8b37365c3d0",
+ // [END_EXCLUDE]
+ });
+
+ // Use a place ID to create a new Place instance.
+ const place = new Place({
+ id: "ChIJpyiwa4Zw44kRBQSGWKv4wgA", // Faneuil Hall Marketplace, Boston, MA
+ });
+
+ // Call fetchFields, passing 'reviews' and other needed fields.
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress", "location", "reviews"],
+ });
+ // If there are any reviews display the first one.
+ if (place.reviews && place.reviews.length > 0) {
+ // Get info for the first review.
+ let reviewRating = place.reviews[0].rating;
+ let reviewText = place.reviews[0].text;
+ let authorName = place.reviews[0].authorAttribution.displayName;
+ let authorUri = place.reviews[0].authorAttribution.uri;
+
+ // Format the review using HTML.
+ contentString = `
+ `;
+ } else {
+ contentString = "No reviews were found for " + place.displayName + ".";
+ }
+
+ // Create an infowindow to display the review.
+ infoWindow = new InfoWindow({
+ content: contentString,
+ ariaLabel: place.displayName,
+ });
+
+ // Add a marker.
+ const marker = new AdvancedMarkerElement({
+ map,
+ position: place.location,
+ title: place.displayName,
+ });
+
+ // Show the info window.
+ infoWindow.open({
+ anchor: marker,
+ map,
+ });
+}
+
+initMap();
diff --git a/dist/samples/place-reviews/playground/index.html b/dist/samples/place-reviews/playground/index.html
new file mode 100644
index 0000000000..46bd44fdd6
--- /dev/null
+++ b/dist/samples/place-reviews/playground/index.html
@@ -0,0 +1,23 @@
+
+
+ Place Reviews
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-reviews/playground/index.ts b/dist/samples/place-reviews/playground/index.ts
new file mode 100644
index 0000000000..869a3b9d7a
--- /dev/null
+++ b/dist/samples/place-reviews/playground/index.ts
@@ -0,0 +1,75 @@
+let map: google.maps.Map;
+let centerCoordinates = { lat: 42.349134, lng: -71.083184 }; // Boston, MA
+let infoWindow;
+let contentString;
+
+async function initMap() {
+ const { Map, InfoWindow } = (await google.maps.importLibrary(
+ "maps",
+ )) as google.maps.MapsLibrary;
+ const { AdvancedMarkerElement } = (await google.maps.importLibrary(
+ "marker",
+ )) as google.maps.MarkerLibrary;
+ const { Place, Review } = (await google.maps.importLibrary(
+ "places",
+ )) as google.maps.PlacesLibrary;
+
+ map = new Map(document.getElementById("map") as HTMLElement, {
+ center: centerCoordinates,
+ zoom: 14,
+ // [START_EXCLUDE]
+ mapId: "4504f8b37365c3d0",
+ // [END_EXCLUDE]
+ });
+
+ // Use a place ID to create a new Place instance.
+ const place = new Place({
+ id: "ChIJpyiwa4Zw44kRBQSGWKv4wgA", // Faneuil Hall Marketplace, Boston, MA
+ });
+
+ // Call fetchFields, passing 'reviews' and other needed fields.
+ await place.fetchFields({
+ fields: ["displayName", "formattedAddress", "location", "reviews"],
+ });
+
+ // If there are any reviews display the first one.
+ if (place.reviews && place.reviews.length > 0) {
+ // Get info for the first review.
+ let reviewRating = place.reviews[0].rating;
+ let reviewText = place.reviews[0].text;
+ let authorName = place.reviews[0].authorAttribution!.displayName;
+ let authorUri = place.reviews[0].authorAttribution!.uri;
+
+ // Format the review using HTML.
+ contentString = `
+ `;
+ } else {
+ contentString = "No reviews were found for " + place.displayName + ".";
+ }
+
+ // Create an infowindow to display the review.
+ infoWindow = new InfoWindow({
+ content: contentString,
+ ariaLabel: place.displayName,
+ });
+
+ // Add a marker.
+ const marker = new AdvancedMarkerElement({
+ map,
+ position: place.location,
+ title: place.displayName,
+ });
+
+ // Show the info window.
+ infoWindow.open({
+ anchor: marker,
+ map,
+ });
+}
+
+initMap();
+export {};
diff --git a/dist/samples/place-reviews/playground/package.json b/dist/samples/place-reviews/playground/package.json
new file mode 100644
index 0000000000..33703d5822
--- /dev/null
+++ b/dist/samples/place-reviews/playground/package.json
@@ -0,0 +1,3 @@
+{
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-reviews/playground/playground.ts.json b/dist/samples/place-reviews/playground/playground.ts.json
new file mode 100644
index 0000000000..dfc32121fc
--- /dev/null
+++ b/dist/samples/place-reviews/playground/playground.ts.json
@@ -0,0 +1,17 @@
+{
+ "files": {
+ "index.ts": {
+ "label": "TypeScript"
+ },
+ "style.css": {
+ "label": "CSS"
+ },
+ "index.html": {
+ "label": "HTML"
+ },
+ "../../../types/google-maps/index.d.ts": {
+ "label": "@types/google.maps",
+ "hidden": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-reviews/playground/style.css b/dist/samples/place-reviews/playground/style.css
new file mode 100644
index 0000000000..a8d59c808e
--- /dev/null
+++ b/dist/samples/place-reviews/playground/style.css
@@ -0,0 +1,18 @@
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
diff --git a/dist/samples/place-search-pagination/app/index.html b/dist/samples/place-search-pagination/app/index.html
index 09d25a0f11..1f6dd68830 100644
--- a/dist/samples/place-search-pagination/app/index.html
+++ b/dist/samples/place-search-pagination/app/index.html
@@ -7,7 +7,6 @@
Place Search Pagination
-
@@ -23,10 +22,10 @@
@@ -24,10 +23,10 @@
+
+
+
+
+
+
diff --git a/dist/samples/place-photos/app/index.ts b/dist/samples/place-photos/app/index.ts
new file mode 100644
index 0000000000..d8f30ffa05
--- /dev/null
+++ b/dist/samples/place-photos/app/index.ts
@@ -0,0 +1,66 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+async function init() {
+ const { Place } = await google.maps.importLibrary('places') as google.maps.PlacesLibrary;
+
+ // Use a place ID to create a new Place instance.
+ const place = new Place({
+ id: 'ChIJydSuSkkUkFQRsqhB-cEtYnw', // Woodland Park Zoo, Seattle WA
+ });
+
+ // Call fetchFields, passing the desired data fields.
+ await place.fetchFields({ fields: ['displayName', 'photos', 'editorialSummary'] });
+
+ // Get the various HTML elements.
+ let heading = document.getElementById('heading') as HTMLElement;
+ let summary = document.getElementById('summary') as HTMLElement;
+ let gallery = document.getElementById('gallery') as HTMLElement;
+ let expandedImageDiv = document.getElementById('expanded-image') as HTMLElement;
+ let attributionLabel;
+
+ // Show the display name and summary for the place.
+ heading.textContent = place.displayName as string;
+ summary.textContent = place.editorialSummary as string;
+
+ // Add photos to the gallery.
+ if (place.photos) {
+ place.photos?.forEach((photo) => {
+ const img = document.createElement('img');
+ const expandedImage = document.createElement('img');
+ img.src = photo.getURI({maxHeight: 380});
+ img.addEventListener('click', (event) => {
+ event.preventDefault();
+ expandedImage.src = img.src;
+ expandedImageDiv.innerHTML = '';
+ expandedImageDiv.appendChild(expandedImage);
+ attributionLabel = createAttribution(photo.authorAttributions);
+ expandedImageDiv.appendChild(attributionLabel);
+ });
+
+ gallery.appendChild(img);
+ });
+ }
+
+ // Display the first photo.
+ const img = document.createElement('img');
+ img.src = place.photos![0].getURI();
+ expandedImageDiv.appendChild(img);
+ attributionLabel = createAttribution(place.photos![0].authorAttributions);
+ expandedImageDiv.appendChild(attributionLabel);
+
+ // Helper function to create attribution DIV.
+ function createAttribution(attribution) {
+ attributionLabel = document.createElement("a");
+ attributionLabel.classList.add('attribution-label');
+ attributionLabel.textContent = attribution[0].displayName;
+ attributionLabel.href = attribution[0].uri;
+ attributionLabel.target = '_blank;'
+ return attributionLabel;
+ }
+}
+
+init();
diff --git a/dist/samples/place-photos/app/package.json b/dist/samples/place-photos/app/package.json
new file mode 100644
index 0000000000..f025756b15
--- /dev/null
+++ b/dist/samples/place-photos/app/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "place-photos",
+ "description": "Samples for Google Maps JavaScript",
+ "version": "2.1.4",
+ "keywords": [
+ "google",
+ "javascript",
+ "maps",
+ "samples"
+ ],
+ "homepage": "https://github.com/googlemaps/js-samples#readme",
+ "bugs": {
+ "url": "https://github.com/googlemaps/js-samples/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/googlemaps/js-samples.git"
+ },
+ "files": [],
+ "license": "Apache-2.0",
+ "scripts": {
+ "dev": "vite",
+ "start": "vite",
+ "build": "vite build --outDir dist --base './'",
+ "test": "tsc --no-emit",
+ "preview": "vite preview"
+ },
+ "devDependencies": {
+ "@types/google.maps": "^3.53.5",
+ "typescript": "^5.5.3",
+ "vite": "^5.4.6"
+ },
+ "private": true,
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-photos/app/style.css b/dist/samples/place-photos/app/style.css
new file mode 100644
index 0000000000..5d01c6f576
--- /dev/null
+++ b/dist/samples/place-photos/app/style.css
@@ -0,0 +1,92 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+#container {
+ display: flex;
+ padding: 10px;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+}
+
+.place-overview {
+ width: 400px;
+ height: 380px;
+ overflow-x: auto;
+ position: relative;
+ margin-right: 20px;
+}
+
+#info {
+ font-family: sans-serif;
+ position: sticky;
+ position: -webkit-sticky;
+ left: 0;
+ padding-bottom: 10px;
+}
+
+#heading {
+ width: 500px;
+ font-size: x-large;
+ margin-bottom: 20px;
+}
+
+#summary {
+ width: 500px;
+}
+
+#gallery {
+ display: flex;
+}
+
+#gallery img {
+ width: 200px;
+ height: 200px;
+ margin-right: 10px;
+ margin-top: 40px;
+ border-radius: 10px;
+ cursor: pointer;
+}
+
+#expanded-image {
+ display: flex;
+ height: 380px;
+ overflow: hidden;
+ background-color: #000;
+}
+
+#expanded-image img {
+ width: 100%;
+ height: auto;
+ object-fit: contain;
+}
+
+.attribution-label {
+ background-color: #fff;
+ opacity: 0.7;
+ font-size: 10px;
+ font-family: sans-serif;
+ margin: 2px;
+ position: absolute;
+}
+
diff --git a/dist/samples/place-photos/app/tsconfig.json b/dist/samples/place-photos/app/tsconfig.json
new file mode 100644
index 0000000000..b405998dad
--- /dev/null
+++ b/dist/samples/place-photos/app/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "compilerOptions": {
+ "module": "esnext",
+ "target": "esnext",
+ "strict": true,
+ "noImplicitAny": false,
+ "lib": [
+ "esnext",
+ "es6",
+ "dom",
+ "dom.iterable"
+ ],
+ "moduleResolution": "Node",
+ "jsx": "preserve"
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-photos/app/vite.config.js b/dist/samples/place-photos/app/vite.config.js
new file mode 100644
index 0000000000..d49e45cd7e
--- /dev/null
+++ b/dist/samples/place-photos/app/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ server: {
+ hmr:
+ process.env.CODESANDBOX_SSE || process.env.GITPOD_WORKSPACE_ID
+ ? 443
+ : undefined,
+ },
+});
diff --git a/dist/samples/place-photos/docs/index.html b/dist/samples/place-photos/docs/index.html
new file mode 100644
index 0000000000..2fae3ea107
--- /dev/null
+++ b/dist/samples/place-photos/docs/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-photos/docs/index.js b/dist/samples/place-photos/docs/index.js
new file mode 100644
index 0000000000..571ac43fb5
--- /dev/null
+++ b/dist/samples/place-photos/docs/index.js
@@ -0,0 +1,70 @@
+"use strict";
+
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// [START maps_place_photos]
+async function init() {
+ const { Place } = await google.maps.importLibrary("places");
+ // Use a place ID to create a new Place instance.
+ const place = new Place({
+ id: "ChIJydSuSkkUkFQRsqhB-cEtYnw", // Woodland Park Zoo, Seattle WA
+ });
+
+ // Call fetchFields, passing the desired data fields.
+ await place.fetchFields({
+ fields: ["displayName", "photos", "editorialSummary"],
+ });
+
+ // Get the various HTML elements.
+ let heading = document.getElementById("heading");
+ let summary = document.getElementById("summary");
+ let gallery = document.getElementById("gallery");
+ let expandedImageDiv = document.getElementById("expanded-image");
+ let attributionLabel;
+
+ // Show the display name and summary for the place.
+ heading.textContent = place.displayName;
+ summary.textContent = place.editorialSummary;
+ // Add photos to the gallery.
+ if (place.photos) {
+ place.photos?.forEach((photo) => {
+ const img = document.createElement("img");
+ const expandedImage = document.createElement("img");
+
+ img.src = photo.getURI({ maxHeight: 380 });
+ img.addEventListener("click", (event) => {
+ event.preventDefault();
+ expandedImage.src = img.src;
+ expandedImageDiv.innerHTML = "";
+ expandedImageDiv.appendChild(expandedImage);
+ attributionLabel = createAttribution(photo.authorAttributions);
+ expandedImageDiv.appendChild(attributionLabel);
+ });
+ gallery.appendChild(img);
+ });
+ }
+
+ // Display the first photo.
+ const img = document.createElement("img");
+
+ img.src = place.photos[0].getURI();
+ expandedImageDiv.appendChild(img);
+ attributionLabel = createAttribution(place.photos[0].authorAttributions);
+ expandedImageDiv.appendChild(attributionLabel);
+
+ // Helper function to create attribution DIV.
+ function createAttribution(attribution) {
+ attributionLabel = document.createElement("a");
+ attributionLabel.classList.add("attribution-label");
+ attributionLabel.textContent = attribution[0].displayName;
+ attributionLabel.href = attribution[0].uri;
+ attributionLabel.target = "_blank;";
+ return attributionLabel;
+ }
+}
+
+init();
+// [END maps_place_photos]
diff --git a/dist/samples/place-photos/docs/style.css b/dist/samples/place-photos/docs/style.css
new file mode 100644
index 0000000000..0218c5223b
--- /dev/null
+++ b/dist/samples/place-photos/docs/style.css
@@ -0,0 +1,94 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* [START maps_place_photos] */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+#container {
+ display: flex;
+ padding: 10px;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+}
+
+.place-overview {
+ width: 400px;
+ height: 380px;
+ overflow-x: auto;
+ position: relative;
+ margin-right: 20px;
+}
+
+#info {
+ font-family: sans-serif;
+ position: sticky;
+ position: -webkit-sticky;
+ left: 0;
+ padding-bottom: 10px;
+}
+
+#heading {
+ width: 500px;
+ font-size: x-large;
+ margin-bottom: 20px;
+}
+
+#summary {
+ width: 500px;
+}
+
+#gallery {
+ display: flex;
+}
+
+#gallery img {
+ width: 200px;
+ height: 200px;
+ margin-right: 10px;
+ margin-top: 40px;
+ border-radius: 10px;
+ cursor: pointer;
+}
+
+#expanded-image {
+ display: flex;
+ height: 380px;
+ overflow: hidden;
+ background-color: #000;
+}
+
+#expanded-image img {
+ width: 100%;
+ height: auto;
+ object-fit: contain;
+}
+
+.attribution-label {
+ background-color: #fff;
+ opacity: 0.7;
+ font-size: 10px;
+ font-family: sans-serif;
+ margin: 2px;
+ position: absolute;
+}
+
+/* [END maps_place_photos] */
\ No newline at end of file
diff --git a/dist/samples/place-photos/iframe/index.html b/dist/samples/place-photos/iframe/index.html
new file mode 100644
index 0000000000..0fe139c77e
--- /dev/null
+++ b/dist/samples/place-photos/iframe/index.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-photos/jsfiddle/demo.css b/dist/samples/place-photos/jsfiddle/demo.css
new file mode 100644
index 0000000000..5d01c6f576
--- /dev/null
+++ b/dist/samples/place-photos/jsfiddle/demo.css
@@ -0,0 +1,92 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+#container {
+ display: flex;
+ padding: 10px;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+}
+
+.place-overview {
+ width: 400px;
+ height: 380px;
+ overflow-x: auto;
+ position: relative;
+ margin-right: 20px;
+}
+
+#info {
+ font-family: sans-serif;
+ position: sticky;
+ position: -webkit-sticky;
+ left: 0;
+ padding-bottom: 10px;
+}
+
+#heading {
+ width: 500px;
+ font-size: x-large;
+ margin-bottom: 20px;
+}
+
+#summary {
+ width: 500px;
+}
+
+#gallery {
+ display: flex;
+}
+
+#gallery img {
+ width: 200px;
+ height: 200px;
+ margin-right: 10px;
+ margin-top: 40px;
+ border-radius: 10px;
+ cursor: pointer;
+}
+
+#expanded-image {
+ display: flex;
+ height: 380px;
+ overflow: hidden;
+ background-color: #000;
+}
+
+#expanded-image img {
+ width: 100%;
+ height: auto;
+ object-fit: contain;
+}
+
+.attribution-label {
+ background-color: #fff;
+ opacity: 0.7;
+ font-size: 10px;
+ font-family: sans-serif;
+ margin: 2px;
+ position: absolute;
+}
+
diff --git a/dist/samples/place-photos/jsfiddle/demo.details b/dist/samples/place-photos/jsfiddle/demo.details
new file mode 100644
index 0000000000..4dd37859f3
--- /dev/null
+++ b/dist/samples/place-photos/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: Place Photos
+authors:
+ - Justin Poehnelt
+tags:
+ - google maps
+load_type: h
+description: Sample code for Google Maps Platform JavaScript API
diff --git a/dist/samples/place-photos/jsfiddle/demo.html b/dist/samples/place-photos/jsfiddle/demo.html
new file mode 100644
index 0000000000..48542ec15f
--- /dev/null
+++ b/dist/samples/place-photos/jsfiddle/demo.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-photos/jsfiddle/demo.js b/dist/samples/place-photos/jsfiddle/demo.js
new file mode 100644
index 0000000000..ecd554466a
--- /dev/null
+++ b/dist/samples/place-photos/jsfiddle/demo.js
@@ -0,0 +1,68 @@
+"use strict";
+
+/**
+ * @license
+ * Copyright 2024 Google LLC. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+async function init() {
+ const { Place } = await google.maps.importLibrary("places");
+ // Use a place ID to create a new Place instance.
+ const place = new Place({
+ id: "ChIJydSuSkkUkFQRsqhB-cEtYnw", // Woodland Park Zoo, Seattle WA
+ });
+
+ // Call fetchFields, passing the desired data fields.
+ await place.fetchFields({
+ fields: ["displayName", "photos", "editorialSummary"],
+ });
+
+ // Get the various HTML elements.
+ let heading = document.getElementById("heading");
+ let summary = document.getElementById("summary");
+ let gallery = document.getElementById("gallery");
+ let expandedImageDiv = document.getElementById("expanded-image");
+ let attributionLabel;
+
+ // Show the display name and summary for the place.
+ heading.textContent = place.displayName;
+ summary.textContent = place.editorialSummary;
+ // Add photos to the gallery.
+ if (place.photos) {
+ place.photos?.forEach((photo) => {
+ const img = document.createElement("img");
+ const expandedImage = document.createElement("img");
+
+ img.src = photo.getURI({ maxHeight: 380 });
+ img.addEventListener("click", (event) => {
+ event.preventDefault();
+ expandedImage.src = img.src;
+ expandedImageDiv.innerHTML = "";
+ expandedImageDiv.appendChild(expandedImage);
+ attributionLabel = createAttribution(photo.authorAttributions);
+ expandedImageDiv.appendChild(attributionLabel);
+ });
+ gallery.appendChild(img);
+ });
+ }
+
+ // Display the first photo.
+ const img = document.createElement("img");
+
+ img.src = place.photos[0].getURI();
+ expandedImageDiv.appendChild(img);
+ attributionLabel = createAttribution(place.photos[0].authorAttributions);
+ expandedImageDiv.appendChild(attributionLabel);
+
+ // Helper function to create attribution DIV.
+ function createAttribution(attribution) {
+ attributionLabel = document.createElement("a");
+ attributionLabel.classList.add("attribution-label");
+ attributionLabel.textContent = attribution[0].displayName;
+ attributionLabel.href = attribution[0].uri;
+ attributionLabel.target = "_blank;";
+ return attributionLabel;
+ }
+}
+
+init();
diff --git a/dist/samples/place-photos/playground/index.html b/dist/samples/place-photos/playground/index.html
new file mode 100644
index 0000000000..7d80d5f97a
--- /dev/null
+++ b/dist/samples/place-photos/playground/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/samples/place-photos/playground/index.ts b/dist/samples/place-photos/playground/index.ts
new file mode 100644
index 0000000000..f6cd7ad516
--- /dev/null
+++ b/dist/samples/place-photos/playground/index.ts
@@ -0,0 +1,66 @@
+async function init() {
+ const { Place } = (await google.maps.importLibrary(
+ "places",
+ )) as google.maps.PlacesLibrary;
+
+ // Use a place ID to create a new Place instance.
+ const place = new Place({
+ id: "ChIJydSuSkkUkFQRsqhB-cEtYnw", // Woodland Park Zoo, Seattle WA
+ });
+
+ // Call fetchFields, passing the desired data fields.
+ await place.fetchFields({
+ fields: ["displayName", "photos", "editorialSummary"],
+ });
+
+ // Get the various HTML elements.
+ let heading = document.getElementById("heading") as HTMLElement;
+ let summary = document.getElementById("summary") as HTMLElement;
+ let gallery = document.getElementById("gallery") as HTMLElement;
+ let expandedImageDiv = document.getElementById(
+ "expanded-image",
+ ) as HTMLElement;
+ let attributionLabel;
+
+ // Show the display name and summary for the place.
+ heading.textContent = place.displayName as string;
+ summary.textContent = place.editorialSummary as string;
+
+ // Add photos to the gallery.
+ if (place.photos) {
+ place.photos?.forEach((photo) => {
+ const img = document.createElement("img");
+ const expandedImage = document.createElement("img");
+ img.src = photo.getURI({ maxHeight: 380 });
+ img.addEventListener("click", (event) => {
+ event.preventDefault();
+ expandedImage.src = img.src;
+ expandedImageDiv.innerHTML = "";
+ expandedImageDiv.appendChild(expandedImage);
+ attributionLabel = createAttribution(photo.authorAttributions);
+ expandedImageDiv.appendChild(attributionLabel);
+ });
+
+ gallery.appendChild(img);
+ });
+ }
+
+ // Display the first photo.
+ const img = document.createElement("img");
+ img.src = place.photos![0].getURI();
+ expandedImageDiv.appendChild(img);
+ attributionLabel = createAttribution(place.photos![0].authorAttributions);
+ expandedImageDiv.appendChild(attributionLabel);
+
+ // Helper function to create attribution DIV.
+ function createAttribution(attribution) {
+ attributionLabel = document.createElement("a");
+ attributionLabel.classList.add("attribution-label");
+ attributionLabel.textContent = attribution[0].displayName;
+ attributionLabel.href = attribution[0].uri;
+ attributionLabel.target = "_blank;";
+ return attributionLabel;
+ }
+}
+
+init();
diff --git a/dist/samples/place-photos/playground/package.json b/dist/samples/place-photos/playground/package.json
new file mode 100644
index 0000000000..33703d5822
--- /dev/null
+++ b/dist/samples/place-photos/playground/package.json
@@ -0,0 +1,3 @@
+{
+ "dependencies": {}
+}
\ No newline at end of file
diff --git a/dist/samples/place-photos/playground/playground.ts.json b/dist/samples/place-photos/playground/playground.ts.json
new file mode 100644
index 0000000000..dfc32121fc
--- /dev/null
+++ b/dist/samples/place-photos/playground/playground.ts.json
@@ -0,0 +1,17 @@
+{
+ "files": {
+ "index.ts": {
+ "label": "TypeScript"
+ },
+ "style.css": {
+ "label": "CSS"
+ },
+ "index.html": {
+ "label": "HTML"
+ },
+ "../../../types/google-maps/index.d.ts": {
+ "label": "@types/google.maps",
+ "hidden": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-photos/playground/style.css b/dist/samples/place-photos/playground/style.css
new file mode 100644
index 0000000000..062ea7af8d
--- /dev/null
+++ b/dist/samples/place-photos/playground/style.css
@@ -0,0 +1,87 @@
+/*
+ * Always set the map height explicitly to define the size of the div element
+ * that contains the map.
+ */
+#map {
+ height: 100%;
+}
+
+/*
+ * Optional: Makes the sample page fill the window.
+ */
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+#container {
+ display: flex;
+ padding: 10px;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+}
+
+.place-overview {
+ width: 400px;
+ height: 380px;
+ overflow-x: auto;
+ position: relative;
+ margin-right: 20px;
+}
+
+#info {
+ font-family: sans-serif;
+ position: sticky;
+ position: -webkit-sticky;
+ left: 0;
+ padding-bottom: 10px;
+}
+
+#heading {
+ width: 500px;
+ font-size: x-large;
+ margin-bottom: 20px;
+}
+
+#summary {
+ width: 500px;
+}
+
+#gallery {
+ display: flex;
+}
+
+#gallery img {
+ width: 200px;
+ height: 200px;
+ margin-right: 10px;
+ margin-top: 40px;
+ border-radius: 10px;
+ cursor: pointer;
+}
+
+#expanded-image {
+ display: flex;
+ height: 380px;
+ overflow: hidden;
+ background-color: #000;
+}
+
+#expanded-image img {
+ width: 100%;
+ height: auto;
+ object-fit: contain;
+}
+
+.attribution-label {
+ background-color: #fff;
+ opacity: 0.7;
+ font-size: 10px;
+ font-family: sans-serif;
+ margin: 2px;
+ position: absolute;
+}
+
diff --git a/dist/samples/place-reviews/app/.env b/dist/samples/place-reviews/app/.env
new file mode 100644
index 0000000000..d7474dcb8b
--- /dev/null
+++ b/dist/samples/place-reviews/app/.env
@@ -0,0 +1 @@
+VITE_GOOGLE_MAPS_API_KEY=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg
\ No newline at end of file
diff --git a/dist/samples/place-reviews/app/.eslintrc.json b/dist/samples/place-reviews/app/.eslintrc.json
new file mode 100644
index 0000000000..841a372aa2
--- /dev/null
+++ b/dist/samples/place-reviews/app/.eslintrc.json
@@ -0,0 +1,13 @@
+{
+ "extends": [
+ "plugin:@typescript-eslint/recommended"
+ ],
+ "parser": "@typescript-eslint/parser",
+ "rules": {
+ "@typescript-eslint/ban-ts-comment": 0,
+ "@typescript-eslint/no-this-alias": 1,
+ "@typescript-eslint/no-empty-function": 1,
+ "@typescript-eslint/explicit-module-boundary-types": 1,
+ "@typescript-eslint/no-unused-vars": 1
+ }
+}
\ No newline at end of file
diff --git a/dist/samples/place-reviews/app/.gitignore b/dist/samples/place-reviews/app/.gitignore
new file mode 100644
index 0000000000..10ec766622
--- /dev/null
+++ b/dist/samples/place-reviews/app/.gitignore
@@ -0,0 +1,4 @@
+
+node_modules
+dist
+package-lock.json
diff --git a/dist/samples/place-reviews/app/README.md b/dist/samples/place-reviews/app/README.md
new file mode 100644
index 0000000000..012fc1859f
--- /dev/null
+++ b/dist/samples/place-reviews/app/README.md
@@ -0,0 +1,17 @@
+# Google Maps JavaScript Sample
+
+This sample is generated from @googlemaps/js-samples located at
+https://github.com/googlemaps/js-samples.
+
+## Setup
+
+```sh
+npm i
+npm start # development
+npm run build # production
+```
+
+## Feedback
+
+For feedback related to this sample, please open a new issue on
+[GitHub](https://github.com/googlemaps/js-samples/issues).
diff --git a/dist/samples/place-reviews/app/env.d.ts b/dist/samples/place-reviews/app/env.d.ts
new file mode 100644
index 0000000000..2d29a7a6be
--- /dev/null
+++ b/dist/samples/place-reviews/app/env.d.ts
@@ -0,0 +1,12 @@
+///
+
+
+
+
+
+
+
+ ${place.displayName}
+ ${place.formattedAddress}
+ Author: ${authorName}
+ Rating: ${reviewRating} stars
+ Review: ${reviewText}
${place.displayName}
+ ${place.formattedAddress}
+ Author: ${authorName}
+ Rating: ${reviewRating} stars
+ Review: ${reviewText}
${place.displayName}
+ ${place.formattedAddress}
+ Author: ${authorName}
+ Rating: ${reviewRating} stars
+ Review: ${reviewText}
${place.displayName}
+ ${place.formattedAddress}
+ Author: ${authorName}
+ Rating: ${reviewRating} stars
+ Review: ${reviewText}
Results
Results
@@ -23,10 +22,10 @@
+
@@ -21,10 +21,10 @@