Odp: Kalkulator Jednostek miar
Witam ponownie .
Ponieważ trochę bawiłem się z mapami.
Wkleję przykład Mapy z portami
[code]<?php
require_once __DIR__.'/maincore.php';
require_once THEMES.'templates/header.php';
add_to_head('
.leaflet-popup-content {
font-size: 18px; /* rozmiar tekstu */
line-height: 1.4; /* opcjonalnie */
}
.leaflet-popup-content b {
font-size: 20px; /* tytuł miasta */
}
');
add_to_head('
#map {
width: 100%;
height: 600px;
}
');
$porty = [
[
"nazwa" => "Port Rzeczny Gliwice",
"lat" => 50.3178,
"lon" => 18.6595,
"opis" => "Jeden z największych i najważniejszych portów śródlądowych w Polsce, końcowy punkt Kanału Gliwickiego. Obsługuje transport towarów masowych i jest kluczowym elementem Odrzańskiej Drogi Wodnej."
],
[
"nazwa" => "Port Rzeczny Koźle (Kędzierzyn-Koźle)",
"lat" => 50.3495,
"lon" => 18.2081,
"opis" => "Historyczny port rzeczny nad Odrą, dawniej jeden z największych portów śródlądowych Europy. Obecnie przechodzi rewitalizację i ponownie rozwija działalność logistyczną."
],
[
"nazwa" => "Port Rzeczny Wrocław",
"lat" => 51.1061,
"lon" => 17.0305,
"opis" => "Kompleks portowy położony nad Odrą, obsługujący zarówno towary, jak i ruch rekreacyjny. Ważny punkt Odrzańskiej Drogi Wodnej oraz centrum transportowe regionu."
],
[
"nazwa" => "Port Rzeczny Cigacice",
"lat" => 52.0121,
"lon" => 15.6325,
"opis" => "Regionalny port rzeczny nad Odrą, znany z transportu drewna i kruszyw. Często wykorzystywany także jako przystań dla jednostek rekreacyjnych."
],
[
"nazwa" => "Port Rzeczny Szczecin–Odra (część śródlądowa)",
"lat" => 53.4318,
"lon" => 14.5775,
"opis" => "Znaczący port na Odrze w rejonie Szczecina, obsługujący zarówno żeglugę morską, jak i śródlądową. Pełni funkcję węzła transportowego z dostępem do sieci europejskich dróg wodnych."
],
[
"nazwa" => "Port Rzeczny Warszawa (Żerań)",
"lat" => 52.2924,
"lon" => 21.0220,
"opis" => "Port śródlądowy nad Wisłą, dawniej ważny element transportu rzecznego w centralnej Polsce. Obecnie wykorzystywany głównie przez jednostki rekreacyjne oraz sporadyczny ruch towarowy."
],
[
"nazwa" => "Przystań Wawer (Warszawa)",
"lat" => 52.1996,
"lon" => 21.1783,
"opis" => "Popularna przystań kajakowa i żeglarska nad Wisłą, wykorzystywana głównie do rekreacji i turystyki wodnej w obrębie Warszawy."
],
[
"nazwa" => "Przystań Marina Bydgoszcz",
"lat" => 53.1219,
"lon" => 18.0064,
"opis" => "Nowoczesna przystań położona przy Brdzie, obsługująca jachty, motorówki i kajaki. Stanowi ważny punkt na szlaku wodnym Wisła—Kanał Bydgoski."
],
[
"nazwa" => "Port Rzeczny Toruń",
"lat" => 53.0174,
"lon" => 18.5980,
"opis" => "Port nad Wisłą obsługujący jednostki rekreacyjne oraz sezonowe ruchy turystyczne. Znany ze swojej lokalizacji przy zabytkowej części miasta."
],
[
"nazwa" => "Przystań Płock",
"lat" => 52.5457,
"lon" => 19.7003,
"opis" => "Przystań nad Wisłą, popularna wśród wodniaków ze względu na walory krajobrazowe i bliskość starówki. Obsługuje ruch turystyczny i rekreacyjny."
]
];
?>
<h2 style="text-align:center;">Mapa Polski z Portami</h2>
<div id="map"></div>
<!-- Leaflet JS -->
// Inicjalizacja mapy – centrum Polski
var map = L.map('map').setView([52.0, 19.0], 6);
// Warstwa kafelków
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap'
}).addTo(map);
// Markery z PHP
var porty = <?php echo json_encode($porty, JSON_UNESCAPED_UNICODE); ?>;
// Dodawanie pinesek
porty.forEach(function(port) {
L.marker([port.lat, port.lon])
.addTo(map)
.bindPopup("<b>" + port.nazwa + "</b><br>" + port.opis);
});
<?php
require_once THEMES.'templates/footer.php';
?>
lub panel
[/code]
