muqriz
/
SIBS2024


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
							<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>KML Click Capture Sample</title>
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
    <link rel="stylesheet" href="../css/app.css">

</head>

<body>

    <section class="section" style="max-height: 100vh;">

        <div class=""
            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/bera.html"><i
                        class="fas fa-chevron-left"></i></a></h6>
            <h6 style="color: white;">HSD 10006</h6>
        </div>

        <div class="text-center pt-5"
            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kejaraan Pahang</h5>

        </div>

        <div class="text-center pt-1 pb-5"
            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->

                <div id="map" style="width: 800px;"></div>
                <!-- <div id="capture"></div> -->

            </div>
        </div>


        <div class="text-center pt-5"
            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
            <div style="display: flex; flex-direction: row;">
                <div>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
                            style="color: #ACACAC;">Bukit Mendi</span></h6>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
                            style="color: #ACACAC;">Triang</span></h6>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
                            style="color: #ACACAC;">Bera</span></h6>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
                            style="color: #ACACAC;">Tanpa Skala</span></h6>
                </div>
                <div style="margin-left: 100px;">
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
                        <span style="color: #ACACAC;">HSD 10006</span>
                    </h6>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
                        <span style="color: #ACACAC;">30.36</span>
                    </h6>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
                            style="color: #ACACAC;">Pertanian</span></h6>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arnab/Kijang dan Rusa)</span>
                    </h6>
                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
                            style="color: #ACACAC;"></span></h6>
                </div>
            </div>
        </div>

        <div class="text-center pt-5 pb-5"
            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
            <a href="../pdf_pages/hsd_10006.html" class="button-23 mb-2 mr-2"
                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
                data-toggle="modal" data-target="#exampleModal">View
                PDF</a>

        </div>

        <script src="js/jquery-3.7.1.js" defer></script>

        <script src="js/pdfjs-viewer.js" defer></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>

    </section>


    <!-- <div id="map"></div> -->

    <script>
        var map;
        var src = 'https://file.io/t3IwR1hlxwkZ';

        function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
                center: new google.maps.LatLng(-19.257753, 146.823688),
                zoom: 2,
                mapTypeId: 'satellite'
            });

            var kmlLayer = new google.maps.KmlLayer(src, {
                suppressInfoWindows: true,
                preserveViewport: false,
                map: map
            });
        }

       
    </script>
    <script async
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
        </script>

</body>

</html>