|
6 | 6 | --> |
7 | 7 | <!-- [START maps_advanced_markers_collision] --> |
8 | 8 | <html> |
9 | | - <head> |
10 | | - <title>Advanced Marker Collision Management</title> |
| 9 | + <head> |
| 10 | + <title>Advanced Marker Collision Management</title> |
11 | 11 |
|
12 | | - <link |
13 | | - href=" https://unpkg.com/[email protected]/dist/material-components-web.css" |
14 | | - rel="stylesheet" |
15 | | - /> |
16 | | - <script src=" https://unpkg.com/[email protected]/dist/material-components-web.min.js" ></script> |
17 | | - <link |
18 | | - rel="stylesheet" |
19 | | - href="https://fonts.googleapis.com/icon?family=Material+Icons" |
20 | | - /> |
| 12 | + <link |
| 13 | + href=" https://unpkg.com/[email protected]/dist/material-components-web.css" |
| 14 | + rel="stylesheet" /> |
| 15 | + <script src=" https://unpkg.com/[email protected]/dist/material-components-web.min.js" ></script> |
| 16 | + <link |
| 17 | + rel="stylesheet" |
| 18 | + href="https://fonts.googleapis.com/icon?family=Material+Icons" /> |
21 | 19 |
|
22 | | - <link rel="stylesheet" type="text/css" href="./style.css" /> |
23 | | - <script type="module" src="./index.js"></script> |
24 | | - <!-- prettier-ignore --> |
25 | | - <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))}) |
| 20 | + <link rel="stylesheet" type="text/css" href="./style.css" /> |
| 21 | + <script type="module" src="./index.js"></script> |
| 22 | + <!-- prettier-ignore --> |
| 23 | + <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))}) |
26 | 24 | ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script> |
27 | | - </head> |
28 | | - <body> |
29 | | - <div id="container"> |
30 | | - <gmp-map center="47.609414458375674,-122.33897030353548" zoom="17" map-id="6ff586e93e18149f"></gmp-map> |
31 | | - <div id="sidebar"> |
32 | | - <div class="mdc-select mdc-select--outlined"> |
33 | | - <div |
34 | | - class="mdc-select__anchor" |
35 | | - aria-labelledby="outlined-select-label" |
36 | | - > |
37 | | - <input |
38 | | - type="text" |
39 | | - disabled |
40 | | - readonly |
41 | | - id="demo-selected-text" |
42 | | - class="mdc-select__selected-text" |
43 | | - /> |
44 | | - <i class="mdc-select__dropdown-icon"></i> |
45 | | - <span class="mdc-notched-outline"> |
46 | | - <span class="mdc-notched-outline__leading"></span> |
47 | | - <span class="mdc-notched-outline__notch"> |
48 | | - <span |
49 | | - id="outlined-select-label" |
50 | | - class="mdc-floating-label mdc-theme--primary" |
51 | | - >Pick a Collision Behavior</span |
52 | | - > |
53 | | - </span> |
54 | | - <span class="mdc-notched-outline__trailing"></span> |
55 | | - </span> |
56 | | - </div> |
57 | | - <div class="mdc-select__menu mdc-menu mdc-menu-surface"> |
58 | | - <ul class="mdc-list"> |
59 | | - <li class="mdc-list-item" data-value="REQUIRED">Required</li> |
60 | | - <li |
61 | | - class="mdc-list-item" |
62 | | - data-value="REQUIRED_AND_HIDES_OPTIONAL" |
63 | | - > |
64 | | - Required and hides optional |
65 | | - </li> |
66 | | - <li |
67 | | - class="mdc-list-item" |
68 | | - data-value="OPTIONAL_AND_HIDES_LOWER_PRIORITY" |
69 | | - > |
70 | | - Optional and hides lower priority |
71 | | - </li> |
72 | | - </ul> |
73 | | - </div> |
| 25 | + </head> |
| 26 | + <body> |
| 27 | + <div id="container"> |
| 28 | + <gmp-map |
| 29 | + center="47.609414458375674,-122.33897030353548" |
| 30 | + zoom="17" |
| 31 | + map-id="6ff586e93e18149f"></gmp-map> |
| 32 | + <div id="sidebar"> |
| 33 | + <div class="mdc-select mdc-select--outlined"> |
| 34 | + <div |
| 35 | + class="mdc-select__anchor" |
| 36 | + aria-labelledby="outlined-select-label"> |
| 37 | + <input |
| 38 | + type="text" |
| 39 | + disabled |
| 40 | + readonly |
| 41 | + id="demo-selected-text" |
| 42 | + class="mdc-select__selected-text" /> |
| 43 | + <i class="mdc-select__dropdown-icon"></i> |
| 44 | + <span class="mdc-notched-outline"> |
| 45 | + <span class="mdc-notched-outline__leading"></span> |
| 46 | + <span class="mdc-notched-outline__notch"> |
| 47 | + <span |
| 48 | + id="outlined-select-label" |
| 49 | + class="mdc-floating-label mdc-theme--primary" |
| 50 | + >Pick a Collision Behavior</span |
| 51 | + > |
| 52 | + </span> |
| 53 | + <span class="mdc-notched-outline__trailing"></span> |
| 54 | + </span> |
| 55 | + </div> |
| 56 | + <div class="mdc-select__menu mdc-menu mdc-menu-surface"> |
| 57 | + <ul class="mdc-list"> |
| 58 | + <li class="mdc-list-item" data-value="REQUIRED"> |
| 59 | + Required |
| 60 | + </li> |
| 61 | + <li |
| 62 | + class="mdc-list-item" |
| 63 | + data-value="REQUIRED_AND_HIDES_OPTIONAL"> |
| 64 | + Required and hides optional |
| 65 | + </li> |
| 66 | + <li |
| 67 | + class="mdc-list-item" |
| 68 | + data-value="OPTIONAL_AND_HIDES_LOWER_PRIORITY"> |
| 69 | + Optional and hides lower priority |
| 70 | + </li> |
| 71 | + </ul> |
| 72 | + </div> |
| 73 | + </div> |
| 74 | + </div> |
74 | 75 | </div> |
75 | | - </div> |
76 | | - </div> |
77 | | - </div> |
78 | | - </body> |
| 76 | + </body> |
79 | 77 | </html> |
80 | 78 | <!-- [END maps_advanced_markers_collision] --> |
0 commit comments