You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.3 KiB
HTML
52 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<style>
|
|
#map {
|
|
height: 400px;
|
|
width: 100%;
|
|
border: 1px solid #ccc;
|
|
margin: 20px 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="map">
|
|
<div id="map"></div>
|
|
</div>
|
|
|
|
<footer>
|
|
© 2025 Kikimor EOOD | K-DepoT - All rights reserved.
|
|
</footer>
|
|
|
|
<script>
|
|
async function initMap() {
|
|
const { Map } = await google.maps.importLibrary("maps");
|
|
const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
|
|
|
|
const position = { lat: 43.2121, lng: 27.9204 };
|
|
|
|
const map = new Map(document.getElementById("map"), {
|
|
zoom: 15,
|
|
center: position,
|
|
mapId: "K_DEPOT_MAP"
|
|
});
|
|
|
|
const marker = new AdvancedMarkerElement({
|
|
map: map,
|
|
position: position,
|
|
title: "K-DepoT - Kikimor EOOD"
|
|
});
|
|
}
|
|
|
|
initMap();
|
|
</script>
|
|
|
|
<script
|
|
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBboGDgiCrc9yp2uSLmVcfVVIVK-kOQqc4&callback=initMap&libraries=marker"
|
|
async>
|
|
</script>
|
|
</body>
|
|
</html> |