Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 9 additions & 8 deletions dist/samples/ui-kit-place-details/app/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,16 +15,17 @@
<body>
<!--[START maps_ui_kit_place_details_map] -->
<gmp-map center="47.759737, -122.250632" zoom="16" map-id="DEMO_MAP_ID">
<div class="widget-container" slot="control-inline-start-block-start">
<gmp-place-details>
<gmp-place-details-place-request place="ChIJC8HakaIRkFQRiOgkgdHmqkk"></gmp-place-details-place-request>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>

</div>
<gmp-advanced-marker></gmp-advanced-marker>
<gmp-advanced-marker></gmp-advanced-marker>
</gmp-map>
<!--[END maps_ui_kit_place_details_map] -->
<!--[START maps_ui_kit_place_details_container] -->
<div class="widget-container" slot="control-inline-start-block-start">
<gmp-place-details>
<gmp-place-details-place-request place="ChIJC8HakaIRkFQRiOgkgdHmqkk"></gmp-place-details-place-request>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>
</div>
<!--[END maps_ui_kit_place_details_container] -->
<script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script>
</body>
Expand Down
25 changes: 11 additions & 14 deletions dist/samples/ui-kit-place-details/app/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@
*/
html,
body {
height: 100%;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
display: block;
display: flex; /* Use flexbox for layout */
justify-content: center; /* Center the content horizontally */
align-items: flex-start; /* Align items to the top */
width: 100%
}

h1 {
Expand All @@ -25,23 +25,20 @@ gmp-map {
}

gmp-place-details {
background-color: #fff;
border-radius: 8px;
border-radius: 0px;
margin: 20px;
width: 400px;
padding: 12px;
margin-top: 10px;
overflow-y: auto;
height: 400px;
margin-top: 0px;
}

gmp-advanced-marker {
display: none;
}

.widget-container {
height: 400px;
width: 457px;
overflow-y: auto;
overflow-x: hidden;
min-width: 400px;
overflow-y: none;
overflow-x: none;
}
/* [END maps_ui_kit_place_details] */
/* [END maps_ui_kit_place_details] */
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
/*
* @license
* Copyright 2025 Google LLC. All Rights Reserved.
* SPDX-License-Identifier: Apache-2.0
*/html,body{display:flex;justify-content:center;align-items:flex-start;width:100%}h1{font-size:16px;text-align:center}gmp-map{height:400px}gmp-place-details{border-radius:0;margin:0 20px 20px;width:400px;height:400px}gmp-advanced-marker{display:none}.widget-container{min-width:400px;overflow-y:none;overflow-x:none}

This file was deleted.

21 changes: 11 additions & 10 deletions dist/samples/ui-kit-place-details/dist/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,22 +9,23 @@
<head>
<title>Click on the map to view place details</title>
<meta charset="utf-8">
<script type="module" crossorigin src="./assets/index-Daq7ltsZ.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-DAWyXXsz.css">
<script type="module" crossorigin src="./assets/index-Bjw1R5Z2.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-CPAAOMfx.css">
</head>
<body>
<!--[START maps_ui_kit_place_details_map] -->
<gmp-map center="47.759737, -122.250632" zoom="16" map-id="DEMO_MAP_ID">
<div class="widget-container" slot="control-inline-start-block-start">
<gmp-place-details>
<gmp-place-details-place-request place="ChIJC8HakaIRkFQRiOgkgdHmqkk"></gmp-place-details-place-request>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>

</div>
<gmp-advanced-marker></gmp-advanced-marker>
<gmp-advanced-marker></gmp-advanced-marker>
</gmp-map>
<!--[END maps_ui_kit_place_details_map] -->
<!--[START maps_ui_kit_place_details_container] -->
<div class="widget-container" slot="control-inline-start-block-start">
<gmp-place-details>
<gmp-place-details-place-request place="ChIJC8HakaIRkFQRiOgkgdHmqkk"></gmp-place-details-place-request>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>
</div>
<!--[END maps_ui_kit_place_details_container] -->
<script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script>
</body>
Expand Down
17 changes: 9 additions & 8 deletions dist/samples/ui-kit-place-details/docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,16 +15,17 @@
<body>
<!--[START maps_ui_kit_place_details_map] -->
<gmp-map center="47.759737, -122.250632" zoom="16" map-id="DEMO_MAP_ID">
<div class="widget-container" slot="control-inline-start-block-start">
<gmp-place-details>
<gmp-place-details-place-request place="ChIJC8HakaIRkFQRiOgkgdHmqkk"></gmp-place-details-place-request>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>

</div>
<gmp-advanced-marker></gmp-advanced-marker>
<gmp-advanced-marker></gmp-advanced-marker>
</gmp-map>
<!--[END maps_ui_kit_place_details_map] -->
<!--[START maps_ui_kit_place_details_container] -->
<div class="widget-container" slot="control-inline-start-block-start">
<gmp-place-details>
<gmp-place-details-place-request place="ChIJC8HakaIRkFQRiOgkgdHmqkk"></gmp-place-details-place-request>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>
</div>
<!--[END maps_ui_kit_place_details_container] -->
<script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script>
</body>
Expand Down
25 changes: 11 additions & 14 deletions dist/samples/ui-kit-place-details/docs/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@
*/
html,
body {
height: 100%;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
display: block;
display: flex; /* Use flexbox for layout */
justify-content: center; /* Center the content horizontally */
align-items: flex-start; /* Align items to the top */
width: 100%
}

h1 {
Expand All @@ -25,23 +25,20 @@ gmp-map {
}

gmp-place-details {
background-color: #fff;
border-radius: 8px;
border-radius: 0px;
margin: 20px;
width: 400px;
padding: 12px;
margin-top: 10px;
overflow-y: auto;
height: 400px;
margin-top: 0px;
}

gmp-advanced-marker {
display: none;
}

.widget-container {
height: 400px;
width: 457px;
overflow-y: auto;
overflow-x: hidden;
min-width: 400px;
overflow-y: none;
overflow-x: none;
}
/* [END maps_ui_kit_place_details] */
/* [END maps_ui_kit_place_details] */
24 changes: 11 additions & 13 deletions dist/samples/ui-kit-place-details/jsfiddle/demo.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@
*/
html,
body {
height: 100%;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
display: block;
display: flex; /* Use flexbox for layout */
justify-content: center; /* Center the content horizontally */
align-items: flex-start; /* Align items to the top */
width: 100%
}

h1 {
Expand All @@ -25,22 +25,20 @@ gmp-map {
}

gmp-place-details {
background-color: #fff;
border-radius: 8px;
border-radius: 0px;
margin: 20px;
width: 400px;
padding: 12px;
margin-top: 10px;
overflow-y: auto;
height: 400px;
margin-top: 0px;
}

gmp-advanced-marker {
display: none;
}

.widget-container {
height: 400px;
width: 457px;
overflow-y: auto;
overflow-x: hidden;
min-width: 400px;
overflow-y: none;
overflow-x: none;
}

17 changes: 9 additions & 8 deletions dist/samples/ui-kit-place-details/jsfiddle/demo.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,16 +15,17 @@
<body>

<gmp-map center="47.759737, -122.250632" zoom="16" map-id="DEMO_MAP_ID">
<div class="widget-container" slot="control-inline-start-block-start">
<gmp-place-details>
<gmp-place-details-place-request place="ChIJC8HakaIRkFQRiOgkgdHmqkk"></gmp-place-details-place-request>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>

</div>
<gmp-advanced-marker></gmp-advanced-marker>
<gmp-advanced-marker></gmp-advanced-marker>
</gmp-map>


<div class="widget-container" slot="control-inline-start-block-start">
<gmp-place-details>
<gmp-place-details-place-request place="ChIJC8HakaIRkFQRiOgkgdHmqkk"></gmp-place-details-place-request>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>
</div>

<script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script>
</body>
Expand Down