46 lines
1.6 KiB
PHP
46 lines
1.6 KiB
PHP
<?php include_once("-inc/header.php"); ?>
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="" />
|
|
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<?php include_once("-inc/menu.php"); ?>
|
|
|
|
<div id="mapa"></div>
|
|
<div class="container">
|
|
|
|
<h1 class="my-3">Kontakty</h1>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<h2>Adresa</h2>
|
|
Burešov 4886,<br>
|
|
760 01 Zlín
|
|
</div>
|
|
<div class="col-6">
|
|
<h2>Michal Krček</h2>
|
|
Nějaký kontakt
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
//============================== MAPA ===================================
|
|
// Creating map options
|
|
var mapOptions = {
|
|
center: [49.235723, 17.687784],
|
|
zoom: 13
|
|
}
|
|
|
|
// Creating a map object
|
|
var map = new L.map('mapa', mapOptions);
|
|
|
|
// Creating a Layer object
|
|
var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
|
|
|
|
// Adding layer to the map
|
|
map.addLayer(layer);
|
|
|
|
var marker = L.marker([49.235723, 17.687784]).addTo(map);
|
|
marker.bindPopup('<span class="text-success">TJ</span> OLYMPIA').openPopup();
|
|
</script>
|
|
<?php include_once("-inc/footer.php"); ?>
|