Skip to content

Instantly share code, notes, and snippets.

@mirkan1

mirkan1/html

Created June 30, 2023 21:00
Show Gist options
  • Save mirkan1/96a6f2104aa950ce8ef01d111f273c3f to your computer and use it in GitHub Desktop.
Save mirkan1/96a6f2104aa950ce8ef01d111f273c3f to your computer and use it in GitHub Desktop.
Download ZIP
google maps on fly
Raw
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
</head>
<body onload="IOS_catcher()" style="height: 100vh;margin: 0;">
<div class="map-area" style="height:99%; width:100%">
<iframe src="https://maps.google.com/maps?width=100%25&amp;height=100%&amp;hl=en&amp;q=null&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<script src="{{ url_for('static',filename='assets/js/jquery.min.js') }}"></script>
<script src="{{ url_for('static',filename='assets/js/bootstrap.min.js') }}"></script>
<script src="{{ url_for('static',filename='assets/js/main.js') }}"></script>
<script src="{{ url_for('static',filename='assets/js/owl.carousel.min.js') }}"></script>
<!-- SELECT2.JS START -->
<script src="{{ url_for('static',filename='assets/js/select2.min.js') }}"></script>
<link href="{{ url_for('static',filename='assets/css/select2.min.css') }}" rel="stylesheet"/>
</body>
<script type="text/javascript">
var flamingo_data_base = { base: { } };
function iOS() {
return [
'iPad Simulator',
'iPhone Simulator',
'iPod Simulator',
'iPad',
'iPhone',
'iPod'
].includes(navigator.platform)
// iPad on iOS 13 detection
|| (navigator.userAgent.includes("Mac") && "ontouchend" in document)
}
function IOS_catcher() {
if (iOS()) {
var select = document.getElementById("select-store");
select.style.height = "60px";
}
}
function initMap() {
var e = document.querySelector("#select-store");
var address = e.options[e.selectedIndex].getAttribute('data-sku');
var map = document.querySelector("iframe");
address = address.replace(/ /g, "%20");
map.setAttribute('src', `https://maps.google.com/maps?width=100%25&height=100%&hl=en&q=${address}+(Walmart)&t=&z=14&ie=UTF8&iwloc=B&output=embed`);
}
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment