From dee2ce631cd8ed93836e5d70d5a86aaaa2ef73c7 Mon Sep 17 00:00:00 2001 From: googlemaps-bot Date: Fri, 6 Mar 2026 16:29:24 +0000 Subject: [PATCH] Update dist folder [skip ci] --- dist/index.html | 1 + .../control-positioning/app/.eslintsrc.json | 13 ++++++ .../samples/control-positioning/app/README.md | 41 +++++++++++++++++++ .../control-positioning/app/index.html | 22 ++++++++++ dist/samples/control-positioning/app/index.ts | 39 ++++++++++++++++++ .../control-positioning/app/package.json | 14 +++++++ .../samples/control-positioning/app/style.css | 17 ++++++++ .../control-positioning/app/tsconfig.json | 17 ++++++++ .../dist/assets/index-549u98Rk.css | 1 + .../dist/assets/index-DOnEa74s.js | 1 + .../control-positioning/dist/index.html | 22 ++++++++++ .../control-positioning/docs/index.html | 22 ++++++++++ .../samples/control-positioning/docs/index.js | 35 ++++++++++++++++ .../samples/control-positioning/docs/index.ts | 39 ++++++++++++++++++ .../control-positioning/docs/style.css | 17 ++++++++ .../control-positioning/jsfiddle/demo.css | 17 ++++++++ .../control-positioning/jsfiddle/demo.details | 7 ++++ .../control-positioning/jsfiddle/demo.html | 22 ++++++++++ .../control-positioning/jsfiddle/demo.js | 35 ++++++++++++++++ index.html | 1 + package-lock.json | 8 ++++ 21 files changed, 391 insertions(+) create mode 100644 dist/samples/control-positioning/app/.eslintsrc.json create mode 100644 dist/samples/control-positioning/app/README.md create mode 100644 dist/samples/control-positioning/app/index.html create mode 100755 dist/samples/control-positioning/app/index.ts create mode 100644 dist/samples/control-positioning/app/package.json create mode 100644 dist/samples/control-positioning/app/style.css create mode 100644 dist/samples/control-positioning/app/tsconfig.json create mode 100644 dist/samples/control-positioning/dist/assets/index-549u98Rk.css create mode 100644 dist/samples/control-positioning/dist/assets/index-DOnEa74s.js create mode 100644 dist/samples/control-positioning/dist/index.html create mode 100644 dist/samples/control-positioning/docs/index.html create mode 100644 dist/samples/control-positioning/docs/index.js create mode 100755 dist/samples/control-positioning/docs/index.ts create mode 100644 dist/samples/control-positioning/docs/style.css create mode 100644 dist/samples/control-positioning/jsfiddle/demo.css create mode 100644 dist/samples/control-positioning/jsfiddle/demo.details create mode 100644 dist/samples/control-positioning/jsfiddle/demo.html create mode 100644 dist/samples/control-positioning/jsfiddle/demo.js diff --git a/dist/index.html b/dist/index.html index 329be77ca..48f856f6a 100644 --- a/dist/index.html +++ b/dist/index.html @@ -62,6 +62,7 @@

Maps JSAPI Samples

  • control-custom-state
  • control-disableUI
  • control-options
    • +
  • control-positioning
  • control-positioning-labels
  • control-simple
  • dds-datasets-point
    • diff --git a/dist/samples/control-positioning/app/.eslintsrc.json b/dist/samples/control-positioning/app/.eslintsrc.json new file mode 100644 index 000000000..4c44dab04 --- /dev/null +++ b/dist/samples/control-positioning/app/.eslintsrc.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 + } +} diff --git a/dist/samples/control-positioning/app/README.md b/dist/samples/control-positioning/app/README.md new file mode 100644 index 000000000..71d15132d --- /dev/null +++ b/dist/samples/control-positioning/app/README.md @@ -0,0 +1,41 @@ +# Google Maps JavaScript Sample + +## control-positioning + +This example demontrates custom positioning of the map controls. + +## Setup + +### Before starting run: + +`npm i` + +### Run an example on a local web server + +`cd samples/control-positioning` +`npm start` + +### Build an individual example + +`cd samples/control-positioning` +`npm run build` + +From 'samples': + +`npm run build --workspace=control-positioning/` + +### Build all of the examples. + +From 'samples': + +`npm run build-all` + +### Run lint to check for problems + +`cd samples/control-positioning` +`npx eslint index.ts` + +## Feedback + +For feedback related to this sample, please open a new issue on +[GitHub](https://github.com/googlemaps-samples/js-api-samples/issues). diff --git a/dist/samples/control-positioning/app/index.html b/dist/samples/control-positioning/app/index.html new file mode 100644 index 000000000..9dc026b8f --- /dev/null +++ b/dist/samples/control-positioning/app/index.html @@ -0,0 +1,22 @@ + + + + + + Control Positioning + + + + + + + + + + + diff --git a/dist/samples/control-positioning/app/index.ts b/dist/samples/control-positioning/app/index.ts new file mode 100755 index 000000000..8e8ffc44c --- /dev/null +++ b/dist/samples/control-positioning/app/index.ts @@ -0,0 +1,39 @@ +/** + * @license + * Copyright 2026 Google LLC. All Rights Reserved. + * SPDX-License-Identifier: Apache-2.0 + */ + +// [START maps_control_positioning] +const mapElement = document.querySelector('gmp-map') as google.maps.MapElement; +let innerMap; + +async function initMap() { + // Request needed libraries. + (await google.maps.importLibrary('maps')) as google.maps.MapsLibrary; + + // Get the inner map. + const innerMap = mapElement.innerMap; + + // Set the map's controls options. + innerMap.setOptions({ + mapTypeControl: true, + mapTypeControlOptions: { + style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, + position: google.maps.ControlPosition.BLOCK_START_INLINE_CENTER, + }, + zoomControl: true, + zoomControlOptions: { + position: google.maps.ControlPosition.INLINE_START_BLOCK_CENTER, + }, + scaleControl: true, + streetViewControl: true, + streetViewControlOptions: { + position: google.maps.ControlPosition.INLINE_START_BLOCK_START, + }, + fullscreenControl: true, + }); +} + +initMap(); +// [END maps_control_positioning] diff --git a/dist/samples/control-positioning/app/package.json b/dist/samples/control-positioning/app/package.json new file mode 100644 index 000000000..c7b530759 --- /dev/null +++ b/dist/samples/control-positioning/app/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/control-positioning", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh control-positioning && bash ../app.sh control-positioning && bash ../docs.sh control-positioning && npm run build:vite --workspace=. && bash ../dist.sh control-positioning", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/dist/samples/control-positioning/app/style.css b/dist/samples/control-positioning/app/style.css new file mode 100644 index 000000000..a6ab5a10b --- /dev/null +++ b/dist/samples/control-positioning/app/style.css @@ -0,0 +1,17 @@ +/** + * @license + * Copyright 2026 Google LLC. All Rights Reserved. + * SPDX-License-Identifier: Apache-2.0 + */ +/* [START maps_control_positioning] */ +/* + * Optional: Makes the sample page fill the window. + */ +html, +body { + height: 100%; + margin: 0; + padding: 0; +} + +/* [END maps_control_positioning] */ diff --git a/dist/samples/control-positioning/app/tsconfig.json b/dist/samples/control-positioning/app/tsconfig.json new file mode 100644 index 000000000..366aabb04 --- /dev/null +++ b/dist/samples/control-positioning/app/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/dist/samples/control-positioning/dist/assets/index-549u98Rk.css b/dist/samples/control-positioning/dist/assets/index-549u98Rk.css new file mode 100644 index 000000000..37abb1c40 --- /dev/null +++ b/dist/samples/control-positioning/dist/assets/index-549u98Rk.css @@ -0,0 +1 @@ +html,body{height:100%;margin:0;padding:0} diff --git a/dist/samples/control-positioning/dist/assets/index-DOnEa74s.js b/dist/samples/control-positioning/dist/assets/index-DOnEa74s.js new file mode 100644 index 000000000..f24f348e5 --- /dev/null +++ b/dist/samples/control-positioning/dist/assets/index-DOnEa74s.js @@ -0,0 +1 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const o of e)if(o.type==="childList")for(const r of o.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&n(r)}).observe(document,{childList:!0,subtree:!0});function s(e){const o={};return e.integrity&&(o.integrity=e.integrity),e.referrerPolicy&&(o.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?o.credentials="include":e.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(e){if(e.ep)return;e.ep=!0;const o=s(e);fetch(e.href,o)}})();const l=document.querySelector("gmp-map");async function p(){await google.maps.importLibrary("maps"),l.innerMap.setOptions({mapTypeControl:!0,mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.HORIZONTAL_BAR,position:google.maps.ControlPosition.BLOCK_START_INLINE_CENTER},zoomControl:!0,zoomControlOptions:{position:google.maps.ControlPosition.INLINE_START_BLOCK_CENTER},scaleControl:!0,streetViewControl:!0,streetViewControlOptions:{position:google.maps.ControlPosition.INLINE_START_BLOCK_START},fullscreenControl:!0})}p(); diff --git a/dist/samples/control-positioning/dist/index.html b/dist/samples/control-positioning/dist/index.html new file mode 100644 index 000000000..910dd9777 --- /dev/null +++ b/dist/samples/control-positioning/dist/index.html @@ -0,0 +1,22 @@ + + + + + + Control Positioning + + + + + + + + + + + diff --git a/dist/samples/control-positioning/docs/index.html b/dist/samples/control-positioning/docs/index.html new file mode 100644 index 000000000..9dc026b8f --- /dev/null +++ b/dist/samples/control-positioning/docs/index.html @@ -0,0 +1,22 @@ + + + + + + Control Positioning + + + + + + + + + + + diff --git a/dist/samples/control-positioning/docs/index.js b/dist/samples/control-positioning/docs/index.js new file mode 100644 index 000000000..bfc41c0c4 --- /dev/null +++ b/dist/samples/control-positioning/docs/index.js @@ -0,0 +1,35 @@ +"use strict"; +/** + * @license + * Copyright 2026 Google LLC. All Rights Reserved. + * SPDX-License-Identifier: Apache-2.0 + */ +// [START maps_control_positioning] +const mapElement = document.querySelector('gmp-map'); +let innerMap; +async function initMap() { + // Request needed libraries. + (await google.maps.importLibrary('maps')); + // Get the inner map. + const innerMap = mapElement.innerMap; + // Set the map's controls options. + innerMap.setOptions({ + mapTypeControl: true, + mapTypeControlOptions: { + style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, + position: google.maps.ControlPosition.BLOCK_START_INLINE_CENTER, + }, + zoomControl: true, + zoomControlOptions: { + position: google.maps.ControlPosition.INLINE_START_BLOCK_CENTER, + }, + scaleControl: true, + streetViewControl: true, + streetViewControlOptions: { + position: google.maps.ControlPosition.INLINE_START_BLOCK_START, + }, + fullscreenControl: true, + }); +} +initMap(); +// [END maps_control_positioning] diff --git a/dist/samples/control-positioning/docs/index.ts b/dist/samples/control-positioning/docs/index.ts new file mode 100755 index 000000000..8e8ffc44c --- /dev/null +++ b/dist/samples/control-positioning/docs/index.ts @@ -0,0 +1,39 @@ +/** + * @license + * Copyright 2026 Google LLC. All Rights Reserved. + * SPDX-License-Identifier: Apache-2.0 + */ + +// [START maps_control_positioning] +const mapElement = document.querySelector('gmp-map') as google.maps.MapElement; +let innerMap; + +async function initMap() { + // Request needed libraries. + (await google.maps.importLibrary('maps')) as google.maps.MapsLibrary; + + // Get the inner map. + const innerMap = mapElement.innerMap; + + // Set the map's controls options. + innerMap.setOptions({ + mapTypeControl: true, + mapTypeControlOptions: { + style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, + position: google.maps.ControlPosition.BLOCK_START_INLINE_CENTER, + }, + zoomControl: true, + zoomControlOptions: { + position: google.maps.ControlPosition.INLINE_START_BLOCK_CENTER, + }, + scaleControl: true, + streetViewControl: true, + streetViewControlOptions: { + position: google.maps.ControlPosition.INLINE_START_BLOCK_START, + }, + fullscreenControl: true, + }); +} + +initMap(); +// [END maps_control_positioning] diff --git a/dist/samples/control-positioning/docs/style.css b/dist/samples/control-positioning/docs/style.css new file mode 100644 index 000000000..a6ab5a10b --- /dev/null +++ b/dist/samples/control-positioning/docs/style.css @@ -0,0 +1,17 @@ +/** + * @license + * Copyright 2026 Google LLC. All Rights Reserved. + * SPDX-License-Identifier: Apache-2.0 + */ +/* [START maps_control_positioning] */ +/* + * Optional: Makes the sample page fill the window. + */ +html, +body { + height: 100%; + margin: 0; + padding: 0; +} + +/* [END maps_control_positioning] */ diff --git a/dist/samples/control-positioning/jsfiddle/demo.css b/dist/samples/control-positioning/jsfiddle/demo.css new file mode 100644 index 000000000..01f7217e2 --- /dev/null +++ b/dist/samples/control-positioning/jsfiddle/demo.css @@ -0,0 +1,17 @@ +/** + * @license + * Copyright 2026 Google LLC. All Rights Reserved. + * SPDX-License-Identifier: Apache-2.0 + */ + +/* + * Optional: Makes the sample page fill the window. + */ +html, +body { + height: 100%; + margin: 0; + padding: 0; +} + + diff --git a/dist/samples/control-positioning/jsfiddle/demo.details b/dist/samples/control-positioning/jsfiddle/demo.details new file mode 100644 index 000000000..c10aa5a5e --- /dev/null +++ b/dist/samples/control-positioning/jsfiddle/demo.details @@ -0,0 +1,7 @@ +name: control-positioning +authors: + - Geo Developer IX Documentation Team +tags: + - google maps +load_type: h +description: Sample code supporting Google Maps Platform JavaScript API documentation. diff --git a/dist/samples/control-positioning/jsfiddle/demo.html b/dist/samples/control-positioning/jsfiddle/demo.html new file mode 100644 index 000000000..3394a4bff --- /dev/null +++ b/dist/samples/control-positioning/jsfiddle/demo.html @@ -0,0 +1,22 @@ + + + + + + Control Positioning + + + + + + + + + + + diff --git a/dist/samples/control-positioning/jsfiddle/demo.js b/dist/samples/control-positioning/jsfiddle/demo.js new file mode 100644 index 000000000..3e4128e2e --- /dev/null +++ b/dist/samples/control-positioning/jsfiddle/demo.js @@ -0,0 +1,35 @@ +"use strict"; +/** + * @license + * Copyright 2026 Google LLC. All Rights Reserved. + * SPDX-License-Identifier: Apache-2.0 + */ + +const mapElement = document.querySelector('gmp-map'); +let innerMap; +async function initMap() { + // Request needed libraries. + (await google.maps.importLibrary('maps')); + // Get the inner map. + const innerMap = mapElement.innerMap; + // Set the map's controls options. + innerMap.setOptions({ + mapTypeControl: true, + mapTypeControlOptions: { + style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, + position: google.maps.ControlPosition.BLOCK_START_INLINE_CENTER, + }, + zoomControl: true, + zoomControlOptions: { + position: google.maps.ControlPosition.INLINE_START_BLOCK_CENTER, + }, + scaleControl: true, + streetViewControl: true, + streetViewControlOptions: { + position: google.maps.ControlPosition.INLINE_START_BLOCK_START, + }, + fullscreenControl: true, + }); +} +initMap(); + diff --git a/index.html b/index.html index 329be77ca..48f856f6a 100644 --- a/index.html +++ b/index.html @@ -62,6 +62,7 @@

    Maps JSAPI Samples

  • control-custom-state
  • control-disableUI
  • control-options
    • +
  • control-positioning
  • control-positioning-labels
  • control-simple
  • dds-datasets-point
    • diff --git a/package-lock.json b/package-lock.json index be4a52f8e..8594d2cb6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1371,6 +1371,10 @@ "resolved": "samples/control-options", "link": true }, + "node_modules/@js-api-samples/control-positioning": { + "resolved": "samples/control-positioning", + "link": true + }, "node_modules/@js-api-samples/control-positioning-labels": { "resolved": "samples/control-positioning-labels", "link": true @@ -5596,6 +5600,10 @@ "name": "@js-api-samples/control-options", "version": "1.0.0" }, + "samples/control-positioning": { + "name": "@js-api-samples/control-positioning", + "version": "1.0.0" + }, "samples/control-positioning-labels": { "name": "@js-api-samples/control-positioning-labels", "version": "1.0.0"