{"id":2051,"date":"2024-06-15T06:25:35","date_gmt":"2024-06-15T06:25:35","guid":{"rendered":"https:\/\/humanioradigital.org\/?p=2051"},"modified":"2024-06-15T08:02:50","modified_gmt":"2024-06-15T08:02:50","slug":"pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs","status":"publish","type":"post","link":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/","title":{"rendered":"Peta Interaktif Untuk Penelitian Sejarah &#8211; LeafletJS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2051\" class=\"elementor elementor-2051\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee3e26e summary elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee3e26e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e40bbc2\" data-id=\"e40bbc2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9e4c1e3 elementor-widget elementor-widget-image\" data-id=\"9e4c1e3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 08-12-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-300x300.png\" class=\"attachment-medium size-medium wp-image-35\" alt=\"\" srcset=\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-300x300.png 300w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-150x150.png 150w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-70x70.png 70w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2.png 747w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-6c46759\" data-id=\"6c46759\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-017915e elementor-widget elementor-widget-heading\" data-id=\"017915e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 08-12-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h3 class=\"elementor-heading-title elementor-size-default\">Peta Interaktif Untuk Penelitian Sejarah<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cea462 elementor-widget elementor-widget-text-editor\" data-id=\"4cea462\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 08-12-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Artikel ini memberikan pengantar dan panduan singkat serta praktis tentang bagaimana cara membuat peta interaktif berbasis data sejarah menggunakan Leaflet JS.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-18f8bdd donasi elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18f8bdd\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-c475421\" data-id=\"c475421\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e7ebe1 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"6e7ebe1\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"far fa-heart\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-011a422\" data-id=\"011a422\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa5b916 elementor-widget elementor-widget-text-editor\" data-id=\"fa5b916\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Kami tidak memungut biaya apapun dari artikel yang kami muat, namun operasional dan perawatan situs ini tetap memakan biaya. Jika anda berkenan, bantu kami dengan <span class=\"biru-hover\"> <a href=\"https:\/\/meliora.id\">berdonasi<\/a><\/span>. Agar kami tetap bisa memberikan konten dan artikel yang bermutu secara mandiri.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d12d59e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d12d59e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d550c60\" data-id=\"1d550c60\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cad86e7 elementor-widget elementor-widget-heading\" data-id=\"cad86e7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Peta Interaktif Untuk Penelitian Sejarah<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9913fae elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9913fae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3><strong>Hasil yang diharapkan<\/strong><\/h3>\n<p>Pada akhir tutorial pembaca diharapkan dapat membuat visualisasi dari data yang dimiliki menjadi sebuah peta interaktif menggunakan LeafletJS.\u00a0<\/p>\n<h3><strong>Apa itu LeafletJS?<\/strong><\/h3>\n<p>LeafletJS adalah sebuah pustaka (library) J<span style=\"font-weight: var( --e-global-typography-text-font-weight );\">avaScript yang ringan da<\/span><span style=\"font-weight: var( --e-global-typography-text-font-weight );\">n open-source yang digunakan untuk membuat peta interaktif berbasis web. Leaflet dirancang untuk memiliki perfor<\/span><span style=\"font-weight: var( --e-global-typography-text-font-weight );\">ma yang tinggi dan ramah pengguna, terutama di perangkat seluler. Pustaka ini menyediakan berbagai fitur untuk membuat dan<\/span><span style=\"font-weight: var( --e-global-typography-text-font-weight );\">mengatur peta, menambahkan marker, pop-up, dan layer, serta berinteraksi dengan elemen-elemen peta.\u00a0<\/span>Leaflet awalnya dibuat oleh Volodymyr Agafonkin, namun kini dikembangkan oleh komunitas kontributor yang besar.<\/p>\n<p>API LeafletJS dirancang agar intuitif dan mudah dipelajari, sehingga pengembang dapat dengan cepat mengimplementasikan peta interaktif tanpa perlu memahami banyak konsep yang kompleks. Dukungan kepada banyak jenis layer, termasuk tile layers (misalnya dari OpenStreetMap atau layanan peta lainnya), marker, polylines, polygons, dan lain-lain memungkinkan fleksibilitas yang tinggi dalam visualisasi data.\u00a0 geografis.<\/p>\n<p>Keunggulan LeafletJS menjadi pilihan yang sangat baik bagi pengembang yang membutuhkan pustaka peta interaktif yang efisien, mudah digunakan, dan kaya fitur. Terlebih untuk seorang pembelajar awal dibidang pemetaan LeafletJS adalah opsi dan pilihan paling menarik untuk menyajikan data yang dimiliki ke dalam bentuk peta interaktif.<\/p>\n<p><span style=\"font-size: 1.66667rem; font-weight: bold; color: #000000; font-family: 'Space Mono'; font-style: inherit;\">Contoh yan<\/span><span style=\"color: #000000; font-family: Space Mono;\"><span style=\"font-size: 1.66667rem;\"><b>g patut diperhatikan?<\/b><\/span><span style=\"font-size: 25px;\"><b><br \/><\/b><\/span><\/span><a style=\"font-size: 18px; background-color: #f5f5f5;\" href=\"https:\/\/map.railfans.ca\/\">Railfans Canada<\/a><span style=\"font-size: 18px; color: var( --e-global-color-text );\"> merupakan conto<\/span><span style=\"font-size: 18px; color: var( --e-global-color-text );\">h penggunaan peta interaktif untuk jaringan transportasi yang sangat menarik dan penting untuk diperhatikan. Pe<\/span><span style=\"font-size: 18px; color: var( --e-global-color-text );\">tanya tidak dibangun dengan menggunakan pondasi LeafletJS, namun sebagai sebuah proj<\/span><span style=\"font-size: 18px; color: var( --e-global-color-text );\">ect ia layak untuk dijadikan benchmark, dan LeafletJS bisa dijadikan jalan awal untuk belajar membangun p<\/span><span style=\"font-size: 18px; color: var( --e-global-color-text );\">eta yang demikian.<\/span><\/p>\n<figure id=\"attachment_2058\" aria-describedby=\"caption-attachment-2058\" style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2024\/06\/Screenshot-2024-06-15-at-13.39.35.png\" alt=\"\" width=\"2880\" height=\"1314\" \/><figcaption id=\"caption-attachment-2058\" class=\"wp-caption-text\">https:\/\/map.railfans.ca\/#9.9\/45.4823\/-73.619<\/figcaption><\/figure>\n<div>\n<p><strong style=\"font-style: inherit; color: #000000; font-family: 'Space Mono'; font-size: 1.66667rem;\">Bagaimana cara menggunakan LeafletJS?<\/strong><\/p>\n<ol>\n<li>Kumpulkan data yang ingin divisualisasi atau dijadikan peta.<\/li>\n<li>Pilih aplikasi pembaca bahasa pemrograman, salah satu yang bisa digunakan adalah Geany.<\/li>\n<li>Pilih penyedia &#8220;map library&#8221;, untuk awal bisa gunakan library open-source milik Leaflet atau Open Street Map.<\/li>\n<li>Buka aplikasi bahasa pemrograman.<\/li>\n<li>Akses tutorial dasar LeafletJS di web <a href=\"https:\/\/leafletjs.com\/examples.html\">Leaflet.<\/a><\/li>\n<li>Untuk menginput koordinat gunakan bantuan Google Maps atau aplikasi peta lain.<\/li>\n<li>Fitur lain dapat ditambahkan dengan bahasa Javascript dan CSS.<\/li>\n<\/ol>\n<p><span style=\"font-style: inherit;\"><b style=\"color: #000000; font-family: 'Space Mono'; font-size: 1.66667rem;\">Pemantik<\/b><span style=\"color: #000000; font-family: Space Mono;\"><span style=\"font-size: 25px;\"><b><br \/><\/b><\/span><\/span><\/span>Sebuah peta interaktif mengenai jaringan transportasi menyimpan banyak cerita. Pernahkah terpikir untuk merajut ceritanya kedalam sebuah aplikasi pemetaan interaktif? Cerita tentang pembangunan kota, perubahan lanskap, mobilisasi pekerja dan berbagai kisah-kisah lain dalam jaringan transportasi. Membayangkan kota masa lalu secara lebih personal dan intim dengan presentasi visual yang lebih jelas daripada hanya sekedar teks.<\/p>\n<p>\u00a0<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Peta Interaktif Untuk Penelitian Sejarah Artikel ini memberikan pengantar dan panduan singkat serta praktis tentang bagaimana cara membuat peta interaktif berbasis data sejarah menggunakan Leaflet JS. Kami tidak memungut biaya apapun dari artikel yang kami muat, namun operasional dan perawatan situs ini tetap memakan biaya. Jika anda berkenan, bantu kami dengan berdonasi. Agar kami tetap &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/\"> <span class=\"screen-reader-text\">Peta Interaktif Untuk Penelitian Sejarah &#8211; LeafletJS<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[4,2],"tags":[8,11,17],"class_list":["post-2051","post","type-post","status-publish","format-standard","hentry","category-artikel","category-tutorial","tag-gis","tag-sejarah-digital","tag-visualisasi-data"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Peta Interaktif Untuk Penelitian Sejarah - LeafletJS - Humaniora Digital<\/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:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Peta Interaktif Untuk Penelitian Sejarah - LeafletJS - Humaniora Digital\" \/>\n<meta property=\"og:description\" content=\"Peta Interaktif Untuk Penelitian Sejarah Artikel ini memberikan pengantar dan panduan singkat serta praktis tentang bagaimana cara membuat peta interaktif berbasis data sejarah menggunakan Leaflet JS. Kami tidak memungut biaya apapun dari artikel yang kami muat, namun operasional dan perawatan situs ini tetap memakan biaya. Jika anda berkenan, bantu kami dengan berdonasi. Agar kami tetap &hellip; Peta Interaktif Untuk Penelitian Sejarah &#8211; LeafletJS Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/\" \/>\n<meta property=\"og:site_name\" content=\"Humaniora Digital\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/melioraidn\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-15T06:25:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-15T08:02:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-300x300.png\" \/>\n<meta name=\"author\" content=\"Bayu Dwi Saputra\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bayu Dwi Saputra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/\"},\"author\":{\"name\":\"Bayu Dwi Saputra\",\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/person\/84dee899e7cd6cbf68cf4ef98d5b8ad1\"},\"headline\":\"Peta Interaktif Untuk Penelitian Sejarah &#8211; LeafletJS\",\"datePublished\":\"2024-06-15T06:25:35+00:00\",\"dateModified\":\"2024-06-15T08:02:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/\"},\"wordCount\":447,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/humanioradigital.org\/#organization\"},\"keywords\":[\"GIS\",\"Sejarah Digital\",\"Visualisasi Data\"],\"articleSection\":[\"Artikel\",\"Tutorial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/\",\"url\":\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/\",\"name\":\"Peta Interaktif Untuk Penelitian Sejarah - LeafletJS - Humaniora Digital\",\"isPartOf\":{\"@id\":\"https:\/\/humanioradigital.org\/#website\"},\"datePublished\":\"2024-06-15T06:25:35+00:00\",\"dateModified\":\"2024-06-15T08:02:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/humanioradigital.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"belajar humaniora digital\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/humanioradigital.org\/#website\",\"url\":\"https:\/\/humanioradigital.org\/\",\"name\":\"Humaniora Digital\",\"description\":\"Humaniora Digital\",\"publisher\":{\"@id\":\"https:\/\/humanioradigital.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/humanioradigital.org\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/humanioradigital.org\/#organization\",\"name\":\"meliora.id\",\"url\":\"https:\/\/humanioradigital.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/Asset-7.svg\",\"contentUrl\":\"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/Asset-7.svg\",\"width\":324,\"height\":109,\"caption\":\"meliora.id\"},\"image\":{\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/melioraidn\",\"https:\/\/www.instagram.com\/melioresmappae\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/person\/84dee899e7cd6cbf68cf4ef98d5b8ad1\",\"name\":\"Bayu Dwi Saputra\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2024\/06\/DSCF3524-scaled.jpg\",\"contentUrl\":\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2024\/06\/DSCF3524-scaled.jpg\",\"caption\":\"Bayu Dwi Saputra\"},\"sameAs\":[\"https:\/\/www.instagram.com\/waiyoik\/\"],\"url\":\"https:\/\/humanioradigital.org\/index.php\/author\/bayu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Peta Interaktif Untuk Penelitian Sejarah - LeafletJS - Humaniora Digital","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:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/","og_locale":"en_US","og_type":"article","og_title":"Peta Interaktif Untuk Penelitian Sejarah - LeafletJS - Humaniora Digital","og_description":"Peta Interaktif Untuk Penelitian Sejarah Artikel ini memberikan pengantar dan panduan singkat serta praktis tentang bagaimana cara membuat peta interaktif berbasis data sejarah menggunakan Leaflet JS. Kami tidak memungut biaya apapun dari artikel yang kami muat, namun operasional dan perawatan situs ini tetap memakan biaya. Jika anda berkenan, bantu kami dengan berdonasi. Agar kami tetap &hellip; Peta Interaktif Untuk Penelitian Sejarah &#8211; LeafletJS Read More &raquo;","og_url":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/","og_site_name":"Humaniora Digital","article_publisher":"https:\/\/www.facebook.com\/melioraidn","article_published_time":"2024-06-15T06:25:35+00:00","article_modified_time":"2024-06-15T08:02:50+00:00","og_image":[{"url":"https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-300x300.png"}],"author":"Bayu Dwi Saputra","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Bayu Dwi Saputra","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/#article","isPartOf":{"@id":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/"},"author":{"name":"Bayu Dwi Saputra","@id":"https:\/\/humanioradigital.org\/#\/schema\/person\/84dee899e7cd6cbf68cf4ef98d5b8ad1"},"headline":"Peta Interaktif Untuk Penelitian Sejarah &#8211; LeafletJS","datePublished":"2024-06-15T06:25:35+00:00","dateModified":"2024-06-15T08:02:50+00:00","mainEntityOfPage":{"@id":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/"},"wordCount":447,"commentCount":0,"publisher":{"@id":"https:\/\/humanioradigital.org\/#organization"},"keywords":["GIS","Sejarah Digital","Visualisasi Data"],"articleSection":["Artikel","Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/","url":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/","name":"Peta Interaktif Untuk Penelitian Sejarah - LeafletJS - Humaniora Digital","isPartOf":{"@id":"https:\/\/humanioradigital.org\/#website"},"datePublished":"2024-06-15T06:25:35+00:00","dateModified":"2024-06-15T08:02:50+00:00","breadcrumb":{"@id":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/humanioradigital.org\/index.php\/2024\/06\/15\/pemetaan-interaktif-untuk-penelitian-sejarah-leafletjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/humanioradigital.org\/"},{"@type":"ListItem","position":2,"name":"belajar humaniora digital"}]},{"@type":"WebSite","@id":"https:\/\/humanioradigital.org\/#website","url":"https:\/\/humanioradigital.org\/","name":"Humaniora Digital","description":"Humaniora Digital","publisher":{"@id":"https:\/\/humanioradigital.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/humanioradigital.org\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/humanioradigital.org\/#organization","name":"meliora.id","url":"https:\/\/humanioradigital.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/humanioradigital.org\/#\/schema\/logo\/image\/","url":"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/Asset-7.svg","contentUrl":"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/Asset-7.svg","width":324,"height":109,"caption":"meliora.id"},"image":{"@id":"https:\/\/humanioradigital.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/melioraidn","https:\/\/www.instagram.com\/melioresmappae\/"]},{"@type":"Person","@id":"https:\/\/humanioradigital.org\/#\/schema\/person\/84dee899e7cd6cbf68cf4ef98d5b8ad1","name":"Bayu Dwi Saputra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/humanioradigital.org\/#\/schema\/person\/image\/","url":"https:\/\/humanioradigital.org\/wp-content\/uploads\/2024\/06\/DSCF3524-scaled.jpg","contentUrl":"https:\/\/humanioradigital.org\/wp-content\/uploads\/2024\/06\/DSCF3524-scaled.jpg","caption":"Bayu Dwi Saputra"},"sameAs":["https:\/\/www.instagram.com\/waiyoik\/"],"url":"https:\/\/humanioradigital.org\/index.php\/author\/bayu\/"}]}},"_links":{"self":[{"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/posts\/2051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/comments?post=2051"}],"version-history":[{"count":38,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/posts\/2051\/revisions"}],"predecessor-version":[{"id":2118,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/posts\/2051\/revisions\/2118"}],"wp:attachment":[{"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/media?parent=2051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/categories?post=2051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/tags?post=2051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}