muqriz
/
SIBS2024
İzle 1
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
Kaynağa Gözat

done kuantan

master
azri 3 ay önce
ebeveyn
d83a0ca17e
işleme
1dbeae4b2a
45 değiştirilmiş dosya ile 3814 ekleme ve 6 silme
Görünümü Böl Farklılık Durumunu Göster
  1. BIN
      HSD_35309.pdf
  2. BIN
      HSD_41862.pdf
  3. BIN
      HSD_54735.pdf
  4. BIN
      HSD_54736.pdf
  5. BIN
      HSD_54737.pdf
  6. 0
    0
      HSM_1225.pdf
  7. 0
    0
      HSM_1909.pdf
  8. 0
    0
      HSM_90298.pdf
  9. 0
    0
      PM_32006.pdf
  10. 127
    0
      details/detail_hsd35309.html
  11. 127
    0
      details/detail_hsd41862.html
  12. 127
    0
      details/detail_hsd54735.html
  13. 127
    0
      details/detail_hsd54736.html
  14. 127
    0
      details/detail_hsd54737.html
  15. 1
    1
      details/detail_hsd62438.html
  16. 127
    0
      details/detail_hsd62441.html
  17. 127
    0
      details/detail_hsd62442.html
  18. 127
    0
      details/detail_hsd62443.html
  19. 127
    0
      details/detail_hsd62495.html
  20. 127
    0
      details/detail_hsd62503.html
  21. 127
    0
      details/detail_hsd62504.html
  22. 127
    0
      details/detail_hsd62520.html
  23. 127
    0
      details/detail_hsm1225.html
  24. 127
    0
      details/detail_hsm1909.html
  25. 127
    0
      details/detail_hsm90298.html
  26. 127
    0
      details/detail_pm32006.html
  27. 1
    1
      index.html
  28. 3
    3
      lists/kuantan.html
  29. 1
    1
      lists/rompin.html
  30. 111
    0
      pdf_pages/view_pdf_hsd35309.html
  31. 111
    0
      pdf_pages/view_pdf_hsd41862.html
  32. 111
    0
      pdf_pages/view_pdf_hsd54735.html
  33. 111
    0
      pdf_pages/view_pdf_hsd54736.html
  34. 111
    0
      pdf_pages/view_pdf_hsd54737.html
  35. 111
    0
      pdf_pages/view_pdf_hsd62441.html
  36. 111
    0
      pdf_pages/view_pdf_hsd62442.html
  37. 111
    0
      pdf_pages/view_pdf_hsd62443.html
  38. 111
    0
      pdf_pages/view_pdf_hsd62495.html
  39. 111
    0
      pdf_pages/view_pdf_hsd62503.html
  40. 111
    0
      pdf_pages/view_pdf_hsd62504.html
  41. 111
    0
      pdf_pages/view_pdf_hsd62520.html
  42. 111
    0
      pdf_pages/view_pdf_hsm1225.html
  43. 111
    0
      pdf_pages/view_pdf_hsm1909.html
  44. 111
    0
      pdf_pages/view_pdf_hsm90298.html
  45. 111
    0
      pdf_pages/view_pdf_pm32006.html

BIN
HSD_35309.pdf Dosyayı Görüntüle


BIN
HSD_41862.pdf Dosyayı Görüntüle


BIN
HSD_54735.pdf Dosyayı Görüntüle


BIN
HSD_54736.pdf Dosyayı Görüntüle


BIN
HSD_54737.pdf Dosyayı Görüntüle


HSM 1225.pdf → HSM_1225.pdf Dosyayı Görüntüle


HSM 1909.pdf → HSM_1909.pdf Dosyayı Görüntüle


HSM 90298.pdf → HSM_90298.pdf Dosyayı Görüntüle


PM 32006.pdf → PM_32006.pdf Dosyayı Görüntüle


+ 127
- 0
details/detail_hsd35309.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 35309</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Kampung Pandan 2</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 35309</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">6.17</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Pertanian</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Ternakan-ternakan air sahaja (belut/ikan/kerang/udang)</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd35309.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd41862.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 41862</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Permatang Tadok</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Penor</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 41862</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">16.186</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Pertanian</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Ternakan Domestik sahaja</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd41862.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd54735.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54735</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Panching</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 54735</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">9.256</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Pertanian</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arab/Kijang dan Rusa)</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd54735.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd54736.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54736</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Panching</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 54736</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">30.082</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Pertanian</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arab/Kijang dan Rusa)</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd54736.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd54737.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54737</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Panching</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 54737</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">9.225</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Pertanian</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Ternakan Domestik (Kambing/Lembu/Kerbau/Arab/Kijang dan Rusa)</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd54737.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 1
- 1
details/detail_hsd62438.html Dosyayı Görüntüle 

@@ -18,7 +18,7 @@
18 18
19 19 
         <div class=""
20 20 
             style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
-            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/lipis.html"><i
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 22 
                         class="fas fa-chevron-left"></i></a></h6>
23 23 
             <h6 style="color: white;">HSD 62438</h6>
24 24 
         </div>

+ 127
- 0
details/detail_hsd62441.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62441</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Sungai Baging</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 62441</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">7.20</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd62441.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd62442.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62442</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Sungai Baging</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 62442</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">73.76</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd62442.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd62443.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62443</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Sungai Baging</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 62443</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">20.23</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd62443.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd62495.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62495</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Kotasas</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 62495</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">12545</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd62495.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd62503.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62503</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Kotasas</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 62503</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">7232</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd62503.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd62504.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62504</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Kotasas</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 62504</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">17430</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd62504.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsd62520.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62520</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Seberang Balok</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Sungai Karang</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 62520</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">14970</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsd62520.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsm1225.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSM 1225</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Kampung Taman Selamat</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Bandar Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSM 1225</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">1.38</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsm1225.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsm1909.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSM 1909</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Lepar</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Ulu Lepar</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSD 1909</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">30000</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsm1909.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_hsm90298.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSM 90298</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Gambang</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Kuala Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">HSM 90298</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">36120</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_hsm90298.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 127
- 0
details/detail_pm32006.html Dosyayı Görüntüle 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../lists/kuantan.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">PM 32006</h6>
24 
+        </div>
25 
+
26 
+        <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div>
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <div id="map" style="width: 800px;"></div>
38 
+                <!-- <div id="capture"></div> -->
39 
+
40 
+            </div>
41 
+        </div>
42 
+
43 
+
44 
+        <div class="text-center pt-5"
45 
+            style="background-color: white; display: flex; justify-content: center; align-items: left; padding-left: 100px; margin-top: 250px;">
46 
+            <div style="display: flex; flex-direction: row;">
47 
+                <div>
48 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Lokasi :</span> <span
49 
+                            style="color: #ACACAC;">Bukit Sekilau</span></h6>
50 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Mukim :</span> <span
51 
+                            style="color: #ACACAC;">Bandar Kuantan</span></h6>
52 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Daerah :</span> <span
53 
+                            style="color: #ACACAC;">Kuantan</span></h6>
54 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Negeri :</span> <span
55 
+                            style="color: #ACACAC;">Pahang Darul Makmum</span></h6>
56 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Skala :</span> <span
57 
+                            style="color: #ACACAC;">Tanpa Skala</span></h6>
58 
+                </div>
59 
+                <div style="margin-left: 100px;">
60 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">No. Hak Milik :</span>
61 
+                        <span style="color: #ACACAC;">PM 32006</span>
62 
+                    </h6>
63 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Keluasan (Ha) :</span>
64 
+                        <span style="color: #ACACAC;">1.42</span>
65 
+                    </h6>
66 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Kegunaan :</span> <span
67 
+                            style="color: #ACACAC;">Bangunan</span></h6>
68 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;">Syarat Nyata :</span>
69 
+                        <span style="color: #ACACAC;">Pembangunan Bercampur</span>
70 
+                    </h6>
71 
+                    <h6 class="pt-1" style="text-align: left;"><span style="font-weight: bold;"></span> <span
72 
+                            style="color: #ACACAC;"></span></h6>
73 
+                </div>
74 
+            </div>
75 
+        </div>
76 
+
77 
+        <div class="text-center pt-5 pb-5"
78 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
79 
+            <a href="../pdf_pages/view_pdf_pm32006.html" class="button-23 mb-2 mr-2"
80 
+                style="background-color: #1F9027; color: white; border: none;width: 200px;" role="button"
81 
+                data-toggle="modal" data-target="#exampleModal">View
82 
+                PDF</a>
83 
+
84 
+        </div>
85 
+
86 
+        <script src="js/jquery-3.7.1.js" defer></script>
87 
+
88 
+        <script src="js/pdfjs-viewer.js" defer></script>
89 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
90 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
91 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
92 
+
93 
+    </section>
94 
+
95 
+
96 
+    <!-- <div id="map"></div> -->
97 
+
98 
+    <script>
99 
+        var map;
100 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
101 
+
102 
+        function initMap() {
103 
+            map = new google.maps.Map(document.getElementById('map'), {
104 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
105 
+                zoom: 2,
106 
+                mapTypeId: 'satellite'
107 
+            });
108 
+
109 
+            var kmlLayer = new google.maps.KmlLayer(src, {
110 
+                suppressInfoWindows: true,
111 
+                preserveViewport: false,
112 
+                map: map
113 
+            });
114 
+        }
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+    </script>
121 
+    <script async
122 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
123 
+        </script>
124 
+
125 
+</body>
126 
+
127 
+</html>

+ 1
- 1
index.html Dosyayı Görüntüle 

@@ -117,7 +117,7 @@
117 117 
                                    C454.9,750.5,448.9,746.1,442.5,743.9z" />
118 118 
                         </a>
119 119 
                         <!-- Jerantut -->
120 
-                        <a href="testing.html" data-area="jerantut">
120 
+                        <a href="#" data-area="jerantut">
121 121 
                             <path id="jerantut" class="pahang-barat" d="M431.5,110.2c5.4,5.9,6.4,12.3,2.5,19.5c-3.7,6.8-4.5,14.3-3.7,21.9h0c6.1,6.2,11.1,12-3.4,12.9
122 122 
                                 c-4.7,0.3-7.1,4.1-9.8,7.3c-3.3,9.5-3.4,18.6,2.6,27.4c4.8,7.1,2.7,15.3,3.2,23.1c6.7,4.2,9.9,10.2,9.4,18.1c0,0.4-0.1,0.9,0,1.3
123 123 
                                 c10.5,20.1,4.7,41.2,3.7,62c3.3,0.8,6.6,1.5,9.9,2.3c7.1,1.7,16,3.6,16.1,11.6c0.1,7.7-5.5,14.9-13.2,18.9c-4.1,2.1-8.1,4.6-12.5,6

+ 3
- 3
lists/kuantan.html Dosyayı Görüntüle 

@@ -92,9 +92,9 @@
92 92 
                 <a href="../details/detail_hsd62495.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62495</a>
93 93 
                 <a href="../details/detail_hsd62497.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62497</a>
94 94 
                 <a href="../details/detail_hsd62503.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62503</a>
95 
-                <a href="../details/detail_62504.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62504</a>
96 
-                <a href="../details/detail_62520html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62520</a>
97 
-                <a href="../details/detail_hsm1225.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 1225</a>
95 
+                <a href="../details/detail_hsd62504.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62504</a>
96 
+                <a href="../details/detail_hsd62520.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62520</a>
97 
+                <a href="../details/detail_hsm1225.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 1225</a>
98 98 
                 <a href="../details/detail_hsm1909.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 1909</a>
99 99 
                 <a href="../details/detail_hsm90298.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 90298</a>
100 100 
                 <a href="../details/detail_pm32006.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">PM 32006</a>

+ 1
- 1
lists/rompin.html Dosyayı Görüntüle 

@@ -19,7 +19,7 @@
19 19
20 20 
         <div class=""
21 21 
             style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
22 
-            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
22 
+            <h6 style="z-index:3; color: white;margin-right: 1em;" class=""><a style="color: white;" href="../index.html"><i
23 23 
                         class="fas fa-chevron-left"></i></a></h6>
24 24 
             <h6 style="color: white;">Rompin</h6>
25 25 
         </div>

+ 111
- 0
pdf_pages/view_pdf_hsd35309.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd35309.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 35309</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_35309.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd41862.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd41862.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 41862</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_41862.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd54735.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd54735.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54735</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_54735.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd54736.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd54736.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54736</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_54736.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd54737.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd54737.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 54737</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_54737.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd62441.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd62441.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62441</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_62441.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd62442.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd62442.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62442</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_62442.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd62443.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd62443.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62443</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_62443.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd62495.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd62495.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62495</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_62495.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd62503.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd62503.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62503</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_62503.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd62504.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd62504.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62504</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_62504.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsd62520.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsd62520.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSD 62520</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSD_62520.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsm1225.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsm1225.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSM 1225</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSM_1225.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsm1909.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsm1909.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSM 1909</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSM_1909.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_hsm90298.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_hsm90298.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">HSM 90298</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../HSM_90298.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

+ 111
- 0
pdf_pages/view_pdf_pm32006.html Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 
+    <meta charset="utf-8">
7 
+    <title>KML Click Capture Sample</title>
8 
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
11 
+    <link rel="stylesheet" href="../css/app.css">
12 
+
13 
+</head>
14 
+
15 
+<body>
16 
+
17 
+    <section class="section" style="max-height: 100vh;">
18 
+
19 
+        <div class=""
20 
+            style="background-color: #1F3F6D; min-height: 50px; display: flex; align-items: center;padding-left: 100px;">
21 
+            <h6 style="color: white;margin-right: 1em;" class=""><a style="color: white;" href="../details/detail_pm32006.html"><i
22 
+                        class="fas fa-chevron-left"></i></a></h6>
23 
+            <h6 style="color: white;">PM 32006</h6>
24 
+        </div>
25 
+
26 
+        <!-- <div class="text-center pt-5"
27 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
28 
+            <h5 style="font-weight: 500;">Perbadanan Setiausaha Kerajaan Pahang</h5>
29 
+
30 
+        </div> -->
31 
+
32 
+        <div class="text-center pt-1 pb-5"
33 
+            style="background-color: white;display: flex; justify-content: center; align-items: center;margin-left: -150px;">
34 
+            <div class="pt-5 pb-5" style="width: 600px;height: 100px;">
35 
+                <!-- <img style="border-radius: 20px;" src="image.png" alt=""> -->
36 
+
37 
+                <!-- <div id="capture"></div> -->
38 
+                <div id="pdfViewer"></div>
39 
+
40 
+
41 
+
42 
+            </div>
43 
+        </div>
44 
+
45 
+
46 
+        <script src="../js/jquery-3.7.1.js" defer></script>
47 
+
48 
+        <script src="../js/pdfjs-viewer.js" defer></script>
49 
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"
50 
+            integrity="sha512-Z8CqofpIcnJN80feS2uccz+pXWgZzeKxDsDNMD/dJ6997/LSRY+W4NmEt9acwR+Gt9OHN0kkI1CTianCwoqcjQ=="
51 
+            crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
52 
+
53 
+    </section>
54 
+
55 
+
56 
+    <!-- <div id="map"></div> -->
57 
+
58 
+    <script>
59 
+        var map;
60 
+        var src = 'https://file.io/t3IwR1hlxwkZ';
61 
+
62 
+        function initMap() {
63 
+            map = new google.maps.Map(document.getElementById('map'), {
64 
+                center: new google.maps.LatLng(-19.257753, 146.823688),
65 
+                zoom: 2,
66 
+                mapTypeId: 'satellite'
67 
+            });
68 
+
69 
+            var kmlLayer = new google.maps.KmlLayer(src, {
70 
+                suppressInfoWindows: true,
71 
+                preserveViewport: false,
72 
+                map: map
73 
+            });
74 
+        }
75 
+
76 
+        document.addEventListener('DOMContentLoaded', () => {
77 
+            // PDF.js script to render PDF
78 
+            const pdfUrl = '../PM_32006.pdf'; // Replace with your PDF URL
79 
+            const pdfjsLib = window['pdfjs-dist/build/pdf'];
80 
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
81 
+
82 
+            pdfjsLib.getDocument(pdfUrl).promise.then(function (pdf) {
83 
+                pdf.getPage(1).then(function (page) {
84 
+                    const scale = 1.5;
85 
+                    const viewport = page.getViewport({ scale });
86 
+
87 
+                    const canvas = document.createElement('canvas');
88 
+                    const context = canvas.getContext('2d');
89 
+                    canvas.height = viewport.height;
90 
+                    canvas.width = viewport.width;
91 
+
92 
+                    const renderContext = {
93 
+                        canvasContext: context,
94 
+                        viewport: viewport
95 
+                    };
96 
+
97 
+                    page.render(renderContext);
98 
+                    document.getElementById('pdfViewer').appendChild(canvas);
99 
+                });
100 
+            });
101 
+
102 
+        })
103 
+
104 
+    </script>
105 
+    <script async
106 
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCj5eAmQOg6IhdABVPCBT6ubZ3Yj_IWejI&callback=initMap">
107 
+        </script>
108 
+
109 
+</body>
110 
+
111 
+</html>

Write Preview
Loading…
İptal
Kaydet