Peta Lokasi<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\" crossorigin=\"\" \/>\r\n <style>\r\n #map-container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n }\r\n \r\n #map {\r\n height: 500px;\r\n width: 100%;\r\n }\r\n \r\n .map-title {\r\n text-align: center;\r\n font-family: 'Arial', sans-serif;\r\n font-size: 24px;\r\n color: #333;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n }\r\n \r\n .map-info {\r\n background-color: #f8f9fa;\r\n padding: 15px;\r\n border-top: 1px solid #dee2e6;\r\n font-family: 'Arial', sans-serif;\r\n font-size: 14px;\r\n color: #495057;\r\n }\r\n \r\n .coordinates {\r\n background-color: #e9ecef;\r\n padding: 8px 12px;\r\n border-radius: 4px;\r\n font-family: monospace;\r\n margin-top: 8px;\r\n display: inline-block;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n #map {\r\n height: 400px;\r\n }\r\n \r\n .map-title {\r\n font-size: 20px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #map {\r\n height: 350px;\r\n }\r\n }\r\n \r\n \/* Styling untuk marker kustom *\/\r\n .custom-marker {\r\n background-color: #4a6bff;\r\n border-radius: 50%;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: bold;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n border: 3px solid white;\r\n }\r\n \r\n .marker-pulse {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background-color: #4a6bff;\r\n box-shadow: 0 0 0 0 rgba(74, 107, 255, 1);\r\n animation: pulse 2s infinite;\r\n }\r\n \r\n @keyframes pulse {\r\n 0% {\r\n transform: scale(0.95);\r\n box-shadow: 0 0 0 0 rgba(74, 107, 255, 0.7);\r\n }\r\n \r\n 70% {\r\n transform: scale(1);\r\n box-shadow: 0 0 0 10px rgba(74, 107, 255, 0);\r\n }\r\n \r\n 100% {\r\n transform: scale(0.95);\r\n box-shadow: 0 0 0 0 rgba(74, 107, 255, 0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"map-container\">\r\n <div class=\"map-title\">\ud83d\udccd Our Location <\/div>\r\n <div id=\"map\"><\/div>\r\n <div class=\"map-info\">\r\n <strong>Lokasi:<\/strong> -8.40582685062628, 116.05809115767116\r\n <div class=\"coordinates\">Koordinat: -8.405827\u00b0 LS, 116.058091\u00b0 BT<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\" integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\" crossorigin=\"\"><\/script>\r\n <script>\r\n \/\/ Koordinat yang diberikan\r\n const latitude = -8.40582685062628;\r\n const longitude = 116.05809115767116;\r\n \r\n \/\/ Inisialisasi peta\r\n const map = L.map('map').setView([latitude, longitude], 15);\r\n \r\n \/\/ Tambahkan tile layer (peta dasar)\r\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\r\n }).addTo(map);\r\n \r\n \/\/ Buat ikon kustom untuk marker\r\n const customIcon = L.divIcon({\r\n html: '<div class=\"marker-pulse\"><\/div>',\r\n iconSize: [20, 20],\r\n className: 'custom-marker-icon'\r\n });\r\n \r\n \/\/ Tambahkan marker dengan ikon kustom\r\n const marker = L.marker([latitude, longitude], { icon: customIcon }).addTo(map);\r\n \r\n \/\/ Tambahkan popup informasi\r\n marker.bindPopup(\"<b>Lokasi Kami<\/b><br>Koordinat: \" + latitude + \", \" + longitude).openPopup();\r\n \r\n \/\/ Tambahkan lingkaran radius\r\n L.circle([latitude, longitude], {\r\n color: '#4a6bff',\r\n fillColor: '#4a6bff',\r\n fillOpacity: 0.1,\r\n radius: 200\r\n }).addTo(map);\r\n \r\n \/\/ Kontrol zoom\r\n L.control.zoom({\r\n position: 'topright'\r\n }).addTo(map);\r\n \r\n \/\/ Tambahkan skala\r\n L.control.scale({\r\n imperial: false,\r\n metric: true\r\n }).addTo(map);\r\n \r\n \/\/ Fungsi untuk mendapatkan lokasi pengguna (opsional)\r\n function locateUser() {\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(function(position) {\r\n const userLat = position.coords.latitude;\r\n const userLng = position.coords.longitude;\r\n \r\n \/\/ Tambahkan marker lokasi pengguna\r\n L.marker([userLat, userLng]).addTo(map)\r\n .bindPopup(\"<b>Lokasi Anda<\/b>\")\r\n .openPopup();\r\n \r\n \/\/ Zoom ke area yang mencakup kedua lokasi\r\n const bounds = [[latitude, longitude], [userLat, userLng]];\r\n map.fitBounds(bounds, { padding: [50, 50] });\r\n });\r\n }\r\n }\r\n \r\n \/\/ Tambahkan tombol untuk menemukan lokasi pengguna\r\n L.control.locate({\r\n position: 'topright',\r\n strings: {\r\n title: \"Tunjukkan lokasi saya\"\r\n },\r\n locateOptions: {\r\n maxZoom: 16\r\n }\r\n }).addTo(map);\r\n \r\n \/\/ Event listener untuk resize window\r\n window.addEventListener('resize', function() {\r\n map.invalidateSize();\r\n });\r\n \r\n \/\/ Inisialisasi peta setelah sedikit delay untuk memastikan container sudah ditampilkan\r\n setTimeout(() => {\r\n map.invalidateSize();\r\n }, 200);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Internship Program Peta Lokasi \ud83d\udccd Our Location Lokasi: -8.40582685062628, 116.05809115767116 Koordinat: -8.405827\u00b0 LS, 116.058091\u00b0 BT<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-482","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Internship Program - marineconservation.id<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marineconservation.id\/id\/internship-program\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Internship Program\" \/>\n<meta property=\"og:description\" content=\"Internship Program Peta Lokasi \ud83d\udccd Our Location Lokasi: -8.40582685062628, 116.05809115767116 Koordinat: -8.405827\u00b0 LS, 116.058091\u00b0 BT\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marineconservation.id\/id\/internship-program\/\" \/>\n<meta property=\"og:site_name\" content=\"marineconservation.id\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61572311944591\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-06T17:56:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marineconservation.id\/internship-program\/\",\"url\":\"https:\/\/marineconservation.id\/internship-program\/\",\"name\":\"Internship Program - marineconservation.id\",\"isPartOf\":{\"@id\":\"https:\/\/marineconservation.id\/#website\"},\"datePublished\":\"2026-01-06T17:54:22+00:00\",\"dateModified\":\"2026-01-06T17:56:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/marineconservation.id\/internship-program\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marineconservation.id\/internship-program\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/marineconservation.id\/internship-program\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/marineconservation.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Internship Program\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marineconservation.id\/#website\",\"url\":\"https:\/\/marineconservation.id\/\",\"name\":\"marineconservation.id\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/marineconservation.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/marineconservation.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/marineconservation.id\/#organization\",\"name\":\"marineconservation.id\",\"url\":\"https:\/\/marineconservation.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/marineconservation.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/02\/Marine-Conservation-Indonesia.png\",\"contentUrl\":\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/02\/Marine-Conservation-Indonesia.png\",\"width\":500,\"height\":500,\"caption\":\"marineconservation.id\"},\"image\":{\"@id\":\"https:\/\/marineconservation.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61572311944591\",\"https:\/\/www.instagram.com\/marineconservation.id\/\",\"https:\/\/www.youtube.com\/watch?v=nOmjtk-dTg8&list=LL\"]}]}<\/script>\n","yoast_head_json":{"title":"Internship Program - marineconservation.id","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/marineconservation.id\/id\/internship-program\/","og_locale":"id_ID","og_type":"article","og_title":"Internship Program","og_description":"Internship Program Peta Lokasi \ud83d\udccd Our Location Lokasi: -8.40582685062628, 116.05809115767116 Koordinat: -8.405827\u00b0 LS, 116.058091\u00b0 BT","og_url":"https:\/\/marineconservation.id\/id\/internship-program\/","og_site_name":"marineconservation.id","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61572311944591","article_modified_time":"2026-01-06T17:56:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/marineconservation.id\/internship-program\/","url":"https:\/\/marineconservation.id\/internship-program\/","name":"Internship Program - marineconservation.id","isPartOf":{"@id":"https:\/\/marineconservation.id\/#website"},"datePublished":"2026-01-06T17:54:22+00:00","dateModified":"2026-01-06T17:56:16+00:00","breadcrumb":{"@id":"https:\/\/marineconservation.id\/internship-program\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marineconservation.id\/internship-program\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/marineconservation.id\/internship-program\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/marineconservation.id\/"},{"@type":"ListItem","position":2,"name":"Internship Program"}]},{"@type":"WebSite","@id":"https:\/\/marineconservation.id\/#website","url":"https:\/\/marineconservation.id\/","name":"marineconservation.id","description":"","publisher":{"@id":"https:\/\/marineconservation.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marineconservation.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/marineconservation.id\/#organization","name":"marineconservation.id","url":"https:\/\/marineconservation.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/marineconservation.id\/#\/schema\/logo\/image\/","url":"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/02\/Marine-Conservation-Indonesia.png","contentUrl":"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/02\/Marine-Conservation-Indonesia.png","width":500,"height":500,"caption":"marineconservation.id"},"image":{"@id":"https:\/\/marineconservation.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61572311944591","https:\/\/www.instagram.com\/marineconservation.id\/","https:\/\/www.youtube.com\/watch?v=nOmjtk-dTg8&list=LL"]}]}},"_links":{"self":[{"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/pages\/482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/comments?post=482"}],"version-history":[{"count":5,"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/pages\/482\/revisions"}],"predecessor-version":[{"id":488,"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/pages\/482\/revisions\/488"}],"wp:attachment":[{"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/media?parent=482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}