One Hat Cyber Team

Your IP: 216.73.216.142
Server IP: 217.76.53.76
Server: Linux vmi1397931.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64
Server Software: Apache
PHP Version: 8.2.27
Buat File | Buat Folder

Dir : ~/www/wwwroot/jumo.com.ng/storage/framework/views/

View File Name : 75165a651ca99e72e3542fb782672706.php

    <?php if($type == 'car' || $type == 'beauty' || $type = 'hotel' || $type = 'real-estate' || $type = 'restaurant'): ?>
          <?php
            $coordinates = [];
        ?>
        <?php $__currentLoopData = $listings; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $listing): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <?php
                $latitude = $listing->Latitude;
                $longitude = $listing->Longitude;
                $name = $listing->title ?? 'No Name Available'; 
                if ($latitude && $longitude) {
                    array_push($coordinates, ['latitude' => $latitude, 'longitude' => $longitude, 'name' => $name]);
                }
            ?>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
     <?php endif; ?>   
        <div class="car-map-area eRow">
            <div id="map" class="h-500"></div>
        </div>
        
        <script src="<?php echo e(asset('assets/frontend/js/mapbox-gl.js')); ?>"></script>
        <link rel="stylesheet" href="<?php echo e(asset('assets/frontend/css/mapbox-gl.css')); ?>">

    <script>
        "use strict";
        mapboxgl.accessToken = '<?php echo e(get_settings('map_access_token')); ?>';
        var zoom = '<?php echo e(get_settings('max_zoom_level')); ?>';
        var coordinates = <?php echo json_encode($coordinates, 15, 512) ?>;
        var bounds = new mapboxgl.LngLatBounds();

        // Initialize the map
        var map = new mapboxgl.Map({
            container: 'map',
            style: 'mapbox://styles/mapbox/streets-v11',
            zoom: 1
        });
        coordinates.forEach(function(coordinate) {
            var popup = new mapboxgl.Popup({ offset: 25 })
                .setHTML('<h3>' + coordinate.name + '</h3>'); 
            new mapboxgl.Marker()
                .setLngLat([coordinate.longitude, coordinate.latitude])
                .setPopup(popup)
                .addTo(map);
            bounds.extend([coordinate.longitude, coordinate.latitude]);
        });

        // Fit the map to the bounds
        map.fitBounds(bounds);
    </script>

<script>
    "use strict";
    document.addEventListener("DOMContentLoaded", function() {
        var checkboxes = document.querySelectorAll(".switch-checkbox");
        var eRows = document.querySelectorAll(".eRow");
        eRows.forEach(function(eRow) {
            eRow.classList.remove("eShow");
        });
        checkboxes.forEach(function(checkbox) {
            checkbox.addEventListener("change", function() {
                if (checkbox.checked) {
                    eRows.forEach(function(eRow) {
                        eRow.classList.remove("eShow");
                    });
                } else {
                    eRows.forEach(function(eRow) {
                        eRow.classList.add("eShow");
                    });
                }
            });
        });
    });
</script>

<?php /**PATH C:\MAMP\htdocs\v1\atlas\resources\views/frontend/map.blade.php ENDPATH**/ ?>