KeyArgo
/
csms-claims-and-neighbors
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update index.html with iframe reload and enhanced legend

This commit is contained in:
Daniel LaForce 2024-08-07 17:15:29 -06:00
parent e98cd4af07
commit 7d668c1467
1 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
index.html
View File

@ -46,7 +46,6 @@
align-items: center; align-items: center;
flex: 1; flex: 1;
padding: 20px; padding: 20px;
position: relative;
} }
iframe { iframe {
width: 960px; width: 960px;
@ -55,16 +54,6 @@
margin-bottom: 20px; margin-bottom: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1); box-shadow: 0 4px 8px rgba(0,0,0,0.1);
} }
.watermark {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 48px;
color: rgba(255, 255, 255, 0.5);
pointer-events: none;
z-index: 10;
}
.legend { .legend {
width: 960px; width: 960px;
margin-bottom: 20px; margin-bottom: 20px;
@ -131,9 +120,18 @@
function gtag(){dataLayer.push(arguments);} function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'G-CC1B9CQ691'); gtag('config', 'G-CC1B9CQ691');
document.addEventListener('contextmenu', function(e) { </script>
e.preventDefault(); <script>
}); function reloadIframe() {
var iframe = document.getElementById('gaiaMap');
iframe.src = iframe.src;
}
function onLoadHandler() {
var iframe = document.getElementById('gaiaMap');
if (iframe.contentWindow.location.href === "about:blank") {
reloadIframe();
}
}
</script> </script>
</head> </head>
<body> <body>
@ -147,9 +145,8 @@
<a href="#contact">Contact</a> <a href="#contact">Contact</a>
</div> </div>
<div class="map-container"> <div class="map-container">
<div class="watermark">Inovin LLC</div>
<iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe> <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe>
<iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True"></iframe> <iframe id="gaiaMap" src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" onload="onLoadHandler()"></iframe>
<div class="legend"> <div class="legend">
<h3>Legend</h3> <h3>Legend</h3>
<ul> <ul>