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
11 changes: 7 additions & 4 deletions dist/samples/advanced-markers-collision/app/README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,10 @@
# Google Maps JavaScript Sample

This sample is generated from @googlemaps/js-samples located at
https://github.com/googlemaps-samples/js-api-samples.
## advanced-markers-collision

The advanced-markers-collision sample demonstrates how to control the collision behavior of advanced markers.

Follow these instructions to set up and run advanced-markers-collision sample on your local computer.

## Setup

Expand All @@ -19,7 +22,7 @@ First `cd` to the folder for the sample to run, then:

From `samples/`:

`npm run build --workspace=sample-name/`
`npm run build --workspace=advanced-markers-collision/`

### Build all of the examples.

Expand All @@ -30,4 +33,4 @@ From `samples/`:
## Feedback

For feedback related to this sample, please open a new issue on
[GitHub](https://github.com/googlemaps-samples/js-api-samples/issues).
[GitHub](https://github.com/googlemaps-samples/js-api-samples/issues).
130 changes: 64 additions & 66 deletions dist/samples/advanced-markers-collision/app/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,75 +6,73 @@
-->
<!-- [START maps_advanced_markers_collision] -->
<html>
<head>
<title>Advanced Marker Collision Management</title>
<head>
<title>Advanced Marker Collision Management</title>

<link
href="https://unpkg.com/material-components-web@6.0.0/dist/material-components-web.css"
rel="stylesheet"
/>
<script src="https://unpkg.com/material-components-web@6.0.0/dist/material-components-web.min.js"></script>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/icon?family=Material+Icons"
/>
<link
href="https://unpkg.com/material-components-web@6.0.0/dist/material-components-web.css"
rel="stylesheet" />
<script src="https://unpkg.com/material-components-web@6.0.0/dist/material-components-web.min.js"></script>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/icon?family=Material+Icons" />

<link rel="stylesheet" type="text/css" href="./style.css" />
<script type="module" src="./index.js"></script>
<!-- prettier-ignore -->
<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))})
<link rel="stylesheet" type="text/css" href="./style.css" />
<script type="module" src="./index.js"></script>
<!-- prettier-ignore -->
<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>
</head>
<body>
<div id="container">
<gmp-map center="47.609414458375674,-122.33897030353548" zoom="17" map-id="6ff586e93e18149f"></gmp-map>
<div id="sidebar">
<div class="mdc-select mdc-select--outlined">
<div
class="mdc-select__anchor"
aria-labelledby="outlined-select-label"
>
<input
type="text"
disabled
readonly
id="demo-selected-text"
class="mdc-select__selected-text"
/>
<i class="mdc-select__dropdown-icon"></i>
<span class="mdc-notched-outline">
<span class="mdc-notched-outline__leading"></span>
<span class="mdc-notched-outline__notch">
<span
id="outlined-select-label"
class="mdc-floating-label mdc-theme--primary"
>Pick a Collision Behavior</span
>
</span>
<span class="mdc-notched-outline__trailing"></span>
</span>
</div>
<div class="mdc-select__menu mdc-menu mdc-menu-surface">
<ul class="mdc-list">
<li class="mdc-list-item" data-value="REQUIRED">Required</li>
<li
class="mdc-list-item"
data-value="REQUIRED_AND_HIDES_OPTIONAL"
>
Required and hides optional
</li>
<li
class="mdc-list-item"
data-value="OPTIONAL_AND_HIDES_LOWER_PRIORITY"
>
Optional and hides lower priority
</li>
</ul>
</div>
</head>
<body>
<div id="container">
<gmp-map
center="47.609414458375674,-122.33897030353548"
zoom="17"
map-id="6ff586e93e18149f"></gmp-map>
<div id="sidebar">
<div class="mdc-select mdc-select--outlined">
<div
class="mdc-select__anchor"
aria-labelledby="outlined-select-label">
<input
type="text"
disabled
readonly
id="demo-selected-text"
class="mdc-select__selected-text" />
<i class="mdc-select__dropdown-icon"></i>
<span class="mdc-notched-outline">
<span class="mdc-notched-outline__leading"></span>
<span class="mdc-notched-outline__notch">
<span
id="outlined-select-label"
class="mdc-floating-label mdc-theme--primary"
>Pick a Collision Behavior</span
>
</span>
<span class="mdc-notched-outline__trailing"></span>
</span>
</div>
<div class="mdc-select__menu mdc-menu mdc-menu-surface">
<ul class="mdc-list">
<li class="mdc-list-item" data-value="REQUIRED">
Required
</li>
<li
class="mdc-list-item"
data-value="REQUIRED_AND_HIDES_OPTIONAL">
Required and hides optional
</li>
<li
class="mdc-list-item"
data-value="OPTIONAL_AND_HIDES_LOWER_PRIORITY">
Optional and hides lower priority
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</body>
</html>
<!-- [END maps_advanced_markers_collision] -->

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

This file was deleted.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

This file was deleted.

Loading