[text] Code of arya

Viewer

copydownloadembedprintName: Code of arya
  1. <!--
  2.   Copyright 2023 Google LLC
  3.  
  4.   Licensed under the Apache License, Version 2.0 (the "License");
  5.   you may not use this file except in compliance with the License.
  6.   You may obtain a copy of the License at
  7.  
  8.       https://www.apache.org/licenses/LICENSE-2.0
  9.  
  10.   Unless required by applicable law or agreed to in writing, software
  11.   distributed under the License is distributed on an "AS IS" BASIS,
  12.   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13.   See the License for the specific language governing permissions and
  14.   limitations under the License.
  15. -->
  16. <!DOCTYPE html>
  17. <html>
  18.   <head>
  19.     <title>Locator</title>
  20.     <meta charset="utf-8">
  21.     <meta name="viewport" content="width=device-width,initial-scale=1">
  22.     <style>
  23.       html,
  24.       body {
  25.         height: 100%;
  26.         margin: 0;
  27.       }
  28.  
  29.       gmpx-store-locator {
  30.         width: 100%;
  31.         height: 100%;
  32.  
  33.         /* These parameters customize the appearance of Locator Plus. See the documentation at
  34.            https://github.com/googlemaps/extended-component-library/blob/main/src/store_locator/README.md
  35.            for more information. */
  36.         --gmpx-color-surface: #fff;
  37.         --gmpx-color-on-surface: #212121;
  38.         --gmpx-color-on-surface-variant: #757575;
  39.         --gmpx-color-primary: #1967d2;
  40.         --gmpx-color-outline: #e0e0e0;
  41.         --gmpx-fixed-panel-width-row-layout: 28.5em;
  42.         --gmpx-fixed-panel-height-column-layout: 65%;
  43.         --gmpx-font-family-base: "Roboto", sans-serif;
  44.         --gmpx-font-family-headings: "Roboto", sans-serif;
  45.         --gmpx-font-size-base: 0.875rem;
  46.         --gmpx-hours-color-open: #188038;
  47.         --gmpx-hours-color-closed: #d50000;
  48.         --gmpx-rating-color: #ffb300;
  49.         --gmpx-rating-color-empty: #e0e0e0;
  50.       }
  51.     </style>
  52.     <script>
  53.       const CONFIGURATION = {
  54.         "locations": [
  55.           {"title":"Arya Power Yoga Academy, New Rajindar Nagar - Best Yoga Centre in Delhi","address1":"H-467 basement, New Rajinder Nagar, Near blind school and SBI Bank ATM","address2":"Delhi, Delhi, India","coords":{"lat":28.6361348,"lng":77.1792532},"placeId":"ChIJNWcEFlkDDTkRWeMX-0s5dFE","actions":[{"label":"Book appointment","defaultUrl":"https://aryapoweryogaacademy.com/contact-us/"}]},
  56.           {"title":"Arya Power Yoga Academy - Best Yoga center in Gurgaon","address1":"D-2/3, DLF Exclusive Floors","address2":"Gurugram, Haryana, India","coords":{"lat":28.4471038,"lng":77.0937995},"placeId":"ChIJUTznFZkZDTkRHMolur0v2JU","actions":[{"label":"Book appointment","defaultUrl":"https://aryapoweryogaacademy.com/contact-us/"}]},
  57.           {"title":"Arya Power Yoga | Best Yoga Classes in DLF Phase IV, Gurugram","address1":"Plot no 210, Near Hamilton Court Road, Just Opp. Sheeba Apartment","address2":"DLF Phase IV, Sector 28, Gurugram, Haryana, India","coords":{"lat":28.4685946,"lng":77.0878846},"placeId":"ChIJD3yeXGsZDTkRJLdUJnA1698"},
  58.           {"title":"Arya Power yoga, Mayfield Garden.. Best Yoga center in Gurgaon","address1":"C-203","address2":"Gurugram, Haryana, India","coords":{"lat":28.4204672,"lng":77.0613214},"placeId":"ChIJF3gwFnQjDTkR_oKTV4G1_Qs","actions":[{"label":"Book appointment","defaultUrl":"https://aryapoweryogaacademy.com/contact-us/"}]}
  59.         ],
  60.         "mapOptions": {"center":{"lat":38.0,"lng":-100.0},"fullscreenControl":true,"mapTypeControl":false,"streetViewControl":false,"zoom":4,"zoomControl":true,"maxZoom":17,"mapId":""},
  61.         "mapsApiKey": "YOUR_API_KEY_HERE",
  62.         "capabilities": {"input":true,"autocomplete":true,"directions":false,"distanceMatrix":true,"details":false,"actions":true}
  63.       };
  64.  
  65.     </script>
  66.     <script type="module">
  67.       document.addEventListener('DOMContentLoaded', async () => {
  68.         await customElements.whenDefined('gmpx-store-locator');
  69.         const locator = document.querySelector('gmpx-store-locator');
  70.         locator.configureFromQuickBuilder(CONFIGURATION);
  71.       });
  72.     </script>
  73.   </head>
  74.   <body>
  75.     <!-- Please note unpkg.com is unaffiliated with Google Maps Platform. -->
  76.     <script type="module" src="https://unpkg.com/@googlemaps/[email protected]"></script>
  77.  
  78.     <!-- Uses components from the Extended Component Library; see
  79.          https://github.com/googlemaps/extended-component-library for more information
  80.          on these HTML tags and how to configure them. -->
  81.     <gmpx-api-loader key="YOUR_API_KEY_HERE" solution-channel="GMP_QB_locatorplus_v10_cABDF"></gmpx-api-loader>
  82.     <gmpx-store-locator map-id="DEMO_MAP_ID"></gmpx-store-locator>
  83.   </body>
  84. </html>

Editor

You can edit this paste and save as new:


File Description
  • Code of arya
  • Paste Code
  • 25 Apr-2024
  • 4.52 Kb
You can Share it: