LHD RHD

				
					<?php
/*
Template Name: LHD RHD Map Page
*/
get_header(); ?>
    <h1>Global Driving Orientation Map</h1>
        <p>Explore which countries use Left-Hand Drive (LHD) or Right-Hand Drive (RHD) vehicles.</p>
    <!-- Harita Konteyneri -->
    <!-- Lejant -->
            Left-Hand Drive (Drives on Right)
            Right-Hand Drive (Drives on Left)
<!-- Leaflet CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<!-- Leaflet JS -->
<!-- Harita Verileri ve Konfigürasyon -->
<style>
.map-legend {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    gap: 20px;
    flex-wrap: wrap;
}
.legend-item {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.color-box {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid #666;
}
.lhd-color {
    background-color: #3366cc;
}
.rhd-color {
    background-color: #ff9900;
}
@media (max-width: 768px) {
    #drivingSideMap {
        height: 400px !important;
    }
}
</style>
<?php get_footer(); ?>