How to Create WebGIS with Leaflet and GeoJSON

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ต.ค. 2024
  • Ini this case, we will learn, how to create WebGIS with Leaflet and file GeoJSON
    Situs Utama LeafLet
    leafletjs.com
    Halaman Tutorial Leaflet
    leafletjs.com/...
    Halaman List Plugins Leaflet AJAX
    leafletjs.com/...
    Repositori Plugins Leaflet AJAX
    github.com/cal...
    File Raw Leaflet AJAX
    raw.githubuser...
    Contoh Penerapan Leaflet AJAX
    raw.githubuser...
    Repositoriku untuk tutorial kali ini : bit.ly/WEBGISGE...
    Bagi yang mau berdonasi dipersilahkan :)
    trakteer.id/as...
    Sosial Mediaku :
    Instagram : bit.ly/AsshiddiqIG
    Facebook : bit.ly/AsshiddiqFB
    Telegram : bit.ly/AsshiddiqTG

ความคิดเห็น • 124

  • @smithyganky
    @smithyganky 4 ปีที่แล้ว +3

    baru ketemu tutorial GIS yg teknis tapi ga bertele-tele dan langsung praktik. Terima kasih sharingnya sangat bermanfaat.

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Trima kasih atas supportnya 😉

    • @arifr.a493
      @arifr.a493 4 ปีที่แล้ว

      Liat channel saya juga bro, siapa tau bermanfaat

  • @jeffrysim
    @jeffrysim 3 ปีที่แล้ว +2

    Tahun 2021 Ilmunya masih bermanfaat dan berjalan. Bisa juga buat yang seperti di tutorial ini. Terima kasih pak.

  • @fanreiz
    @fanreiz 4 หลายเดือนก่อน

    hatur nuhun bro, ditunggu video2 selanjutnya

  • @AsalNgodingID
    @AsalNgodingID 3 ปีที่แล้ว

    Mantaap pak, yang mau belajarWeb GIS dengan Leaflet dan Laravel 8 boleh mapir

  • @TegarPenemuan
    @TegarPenemuan 2 ปีที่แล้ว

    Sangat membantu videonya, Terimakasih banyak. Kalo mau ambil Geo JSON secara custom itu bagaimana? misal ingin mengambil beberapa kabupaten yang ada di surabaya?

  • @ihfannoifara8172
    @ihfannoifara8172 หลายเดือนก่อน

    Mantap bang, terima kasih ilmu nya

  • @redireri7906
    @redireri7906 5 ปีที่แล้ว +3

    ada tutorial untuk measurement jarak tiap point gak gan?

  • @bangtw
    @bangtw 4 ปีที่แล้ว +1

    tingkat tinggi nih gan, mampir agan2 klo berkenan ke channel ane

    • @AsalNgodingID
      @AsalNgodingID 3 ปีที่แล้ว +1

      sesama penggemar GIS boleh mampir juga nih

  • @masharun_id
    @masharun_id ปีที่แล้ว

    Tahun 2023, ilmu masih bermanfaat

  • @WinnerHomeTV
    @WinnerHomeTV 2 ปีที่แล้ว

    terima kasih atas tutorialnya,sangat membantu

  • @AHHA-Vortex
    @AHHA-Vortex 3 ปีที่แล้ว

    Cara membuat file geo.json nya kek mana bg? ada gak tutorialnya.
    dan saran di Web geojson ini dibuat lokasi kita saat ini bg.

    • @ojil3374
      @ojil3374 2 ปีที่แล้ว

      nah gimana ya cara nya

  • @ridho5669
    @ridho5669 ปีที่แล้ว +1

    Permisi pak mohon izin dan nanya , bagaimana cara membuat dan menampilkan data dari geojson ke side bar / diluar layer map seperti nama provinsi dll dengan memakai bahasa php dasar dan jquery, 🙏🙏

  • @jimmypormes
    @jimmypormes 5 ปีที่แล้ว +1

    Thankyou bang sangat Bermanfaat,
    Tapi yang saya masih agak bingung geojson nya, khususnya untuk Indonesia keseluruhan. Apa ada tutorial mudah nya ?

  • @leiakozuki2622
    @leiakozuki2622 ปีที่แล้ว

    Terimakasih pak..

  • @sumadanu6703
    @sumadanu6703 2 ปีที่แล้ว

    mas mau tanya kalo kita bikin untuk input koordinat layout maps nya di web dan upload file geojson nya di web apakah memungkin kan?

  • @bimaanugrah1969
    @bimaanugrah1969 2 ปีที่แล้ว

    mas kalau untuk lautan lepas, data apa yang diambil ya? agar bisa di konvert ke geojson atau sejenis ?

  • @bernardthimoty2060
    @bernardthimoty2060 5 ปีที่แล้ว

    Makasih banget gan, manfaat banget, salam dari medan

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Sama2 gan. Alhamdulilah kalau ada manfaat 😀

  • @arihaikalsiagian4360
    @arihaikalsiagian4360 4 ปีที่แล้ว +1

    kalau nyari geojson tiap provinsi aja gimn mas? saya ingin membuat tiap provinsi agar bisa berbatas aja

  • @FizulSuryaPribadiabulfaqih
    @FizulSuryaPribadiabulfaqih 4 ปีที่แล้ว +1

    Mas terimakasih tutorialnya.... to the point...
    tapi kok saya gagal masukin geojson ya... tak masukin ada warning di console
    XML Parsing Error: not well-formed
    Location: localhost/webgiss/assets/geojson/Bumi_Makmur.geojson
    Line Number 1, Column 1:
    saya periksa ulang codingnya tapi belum nemu yang error... ada masukkan mas... terimakasih

  • @ilhamakbar8800
    @ilhamakbar8800 4 ปีที่แล้ว +1

    mas, apabila file geojson nya langsung utuh terbagi 12 kecamatan, untuk pewarnaan bagimana yah biar beda2 ? apakah saya harus membikin file geojson satu2 per kecamatana atau bisa otomatis random membagi 12 warna untuk kecamatan itu ?

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว +1

      Selama ini aku belum pernah bkin 1 file untuk dipecah2 warnanya sih. Tp sepertinya bisa. Tp belum pernah aku cba

    • @ilhamakbar8800
      @ilhamakbar8800 4 ปีที่แล้ว

      @@as.shiddiq soal nya saya ada file shp satu kecamatan total kecamatan ada 12, sudah saya jadikan geojson, tpi klo di vidio ini untuk membedakan Warna per kecamatam file tiap kecamatan beda2, saya liat vidio yg pake CI per kecamatan dah beda2 warna nya

    • @ilhamakbar8800
      @ilhamakbar8800 4 ปีที่แล้ว

      @@as.shiddiq makasih atas respon nya mas 🙏

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว +1

      Sbenanrya bukan hnya skedar pewarnaan sih. Tp untuk memecah layernya juga biar bisa di hide kcmtan mana yg nggk prlu nanti di control panel. Nanti aku mau cba juga sih biar otomtis bsa di pecah kaya maksud kmu itu

    • @ilhamakbar8800
      @ilhamakbar8800 4 ปีที่แล้ว

      @@as.shiddiq siap mas 🙏

  • @jejakaki-ID
    @jejakaki-ID 2 ปีที่แล้ว

    Bagaimana kalo file geojsonnya ada di database postgresql?

  • @muhammadmaulanamalikibrahi6704
    @muhammadmaulanamalikibrahi6704 ปีที่แล้ว

    Mas saya izin bertanya, untuk program yxampp itu yang digunakan apa ya?

    • @as.shiddiq
      @as.shiddiq  ปีที่แล้ว

      Yg d running d xampp? Kalau yg dirunning cukup apache sama mysql

  • @valentferdy2023
    @valentferdy2023 5 ปีที่แล้ว

    Terima kasih mas, tutorialnya sangat bermanfaat.
    Klo ditambah login pake pasword bisa mas? Kayaknya lebih mantap kalo ada tutorialnya. Ditunggu karya mas selanjutnya. 🙏

  • @edhosatria9686
    @edhosatria9686 ปีที่แล้ว

    Uncaught TypeError: L.GeoJSON.AJAX is not a constructor
    itu kenapa ya bang?

    • @as.shiddiq
      @as.shiddiq  ปีที่แล้ว

      Apa sama kaya gini? gis.stackexchange.com/questions/316531/uncaught-typeerror-l-geojson-ajax-is-not-a-constructor

    • @edhosatria9686
      @edhosatria9686 ปีที่แล้ว

      mau tanya, kalau mau memberikan label Nama Daerah di petanya gimana ya bang? @@as.shiddiq

    • @as.shiddiq
      @as.shiddiq  ปีที่แล้ว

      Macam2 metodenya. Salah satunya ini th-cam.com/video/3NIVTHm7IuE/w-d-xo.html&si=1J6nrVGLkv0CohQr

    • @edhosatria9686
      @edhosatria9686 ปีที่แล้ว

      saolanya pake laravel bang hehe @@as.shiddiq

    • @as.shiddiq
      @as.shiddiq  ปีที่แล้ว

      @@edhosatria9686 sebenarnya sama aja. Soalnya kodingnya cuman di JS aja. Tnggl menyesuaikan aja di larvel gmna caranya

  • @yourevideos5553
    @yourevideos5553 5 ปีที่แล้ว

    Assalamualaikum, terimakasih tutorialnya, mas untuk membuat file gejsonnya datanya darimana

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Untuk geoJson sendiri aku ambil dari file SHP. Kalau mau cari2 d google juga ada banyak. Nah dr file tersebut aku buka di aplikasi qGIS trus aku simpan ulang sbg file GeoJSOn

    • @berqas
      @berqas 4 ปีที่แล้ว +2

      bantu menjawab, membuat file geojson bisa menggunakan tools online namanya geojson.io . di geojson.io bisa menambahkan polyline, polygon, dan marker pada peta secara bebas.

  • @andrejonathanyap7595
    @andrejonathanyap7595 4 ปีที่แล้ว

    Gan buat tutorial untuk tampil data yang dinamis waktu di klik petanya dong gan.

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Di tutorial terbaru sdh ada. Atau beda lagi?

  • @ayaaisha7134
    @ayaaisha7134 5 ปีที่แล้ว

    nice
    boleh tanya2 ttg ini geoJson ga? aku ad projek ttg itu

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Jangan yg berat2 mbak ya. 😅

    • @ayaaisha7134
      @ayaaisha7134 5 ปีที่แล้ว

      @@as.shiddiq aku ud dm via IG y (:

  • @arihaikalsiagian4360
    @arihaikalsiagian4360 4 ปีที่แล้ว

    itukan mas garisnya sesuai daerah aja, kalau provinsi gitu mas, nyari file geojsonnya dimana ya?

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Coba searching di google shp provinsi indonesia. Biasanya lengkap aja kok

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      drive.google.com/drive/u/0/folders/1cvh7mfanWYospc1-Yg7c6143bMBpi1eE itu file shpnya tnggl di convert ke geojson

  • @MRKRIS10
    @MRKRIS10 2 ปีที่แล้ว

    Keren bang

  • @faisalthumzet16
    @faisalthumzet16 ปีที่แล้ว

    permisi bang
    klo untuk tampilan layernya kita pake foto udara gimana ya gan

    • @as.shiddiq
      @as.shiddiq  ปีที่แล้ว

      Mngkin bsa coba kau-boys.com/3244/web-development/use-markers-on-a-custom-image-with-leaflet

  • @imcarto
    @imcarto 5 ปีที่แล้ว

    terimakasih ka, sangat bermanfaat

  • @imcarto
    @imcarto 5 ปีที่แล้ว

    boleh tanya-tanya mengenai leaflet js ga?

    • @imcarto
      @imcarto 5 ปีที่แล้ว

      @Sesen Paosen iya, saya bisa ngontak kaka lewat apa

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      aduh maaf , aku baru aja ni buka TH-cam. kamu bsa aj kontak aku d sosmed aku yg tertera d deskripsi.. terim kasih

  • @rahmatjo6837
    @rahmatjo6837 2 ปีที่แล้ว

    pak gimana cara hilangkan tulisan leaflet yg di pojok kanan bawah

    • @as.shiddiq
      @as.shiddiq  2 ปีที่แล้ว

      Pas nambah tilelayer ad tulisan attribution. Nah dsna gnti teksnya

    • @rahmatjo6837
      @rahmatjo6837 2 ปีที่แล้ว

      @@as.shiddiq sudah pak, petanya jd hilang 😅,..apakah ganti semua tulisan https juga ya pak?

    • @as.shiddiq
      @as.shiddiq  2 ปีที่แล้ว

      @@rahmatjo6837 wkwkwk ad yg kurang tu. Cba cek di console pasti ad eror. Entah kmu kurang kasih petik atau koma

  • @faisalkamran8387
    @faisalkamran8387 4 ปีที่แล้ว

    Kalo export file SHP ke GeJson dengan arcgis gimana caranya ya ?

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Kalau aku di QGIS pas nyimpan plih format file aja sih.

  • @galangprasasti1347
    @galangprasasti1347 3 ปีที่แล้ว

    Bang aku upload geojson convert sendiri dari qgis kok gak mau muncul ya

    • @as.shiddiq
      @as.shiddiq  3 ปีที่แล้ว

      Filenya sdh teruoad apa belum?

  • @hermannto9139
    @hermannto9139 3 ปีที่แล้ว

    aplikasi buat coding nya apa mas

  • @hijrahdursan7989
    @hijrahdursan7989 4 ปีที่แล้ว

    pak,layer saya gk ada muncul udah di konsol gk ad yang error.file geojson sy buat pke file kml trus tak convert di geojson.io.mohon bantuannya pak

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Kdng juga nggk bisa di geojson.io entah kenapa. Jd biasanya PAKAI QGIS buat convertny

    • @hijrahdursan7989
      @hijrahdursan7989 4 ปีที่แล้ว

      sudah bisa pak ternyata butuh dipanggil saja pakai base_url.
      Saya mw nanya pak untuk menampilkan marker di lokasi koordinat yang sama dr database dengan info popap .misalnya pak rt 3 ada 2 org yg sakit ->hasilnya
      berarti marker posisi di rt 3 pas diklik muncul info 2 sakit.
      Sy sudah coba joint 3 tabel, tpi gk bisa. Tolong bantuannya pak 🙏

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Ini untuk titik dr geojson apa dari db? Klo dri DB untuk titik ya tnggl di count untuk jumlah sakitnya.

    • @hijrahdursan7989
      @hijrahdursan7989 4 ปีที่แล้ว

      Nasrullah Siddik sudah saya count pak, tapi manggilnya gimn ya pak?

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Yg kmu count di bkin as.. Jd count(*) as total

  • @riansefriadisefriadi3407
    @riansefriadisefriadi3407 4 ปีที่แล้ว

    Mas izin brrtanya, kalau cara membuat file geojson nya bagaimana, terimakasih ?

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว +1

      Bisa pakai software ArcGIS atau QGIS. Kalau punyaku sumbernya dri file SHP trus aku export jadi GeoJSOn pakai software yg ak sebutkan di atas

    • @riansefriadisefriadi3407
      @riansefriadisefriadi3407 4 ปีที่แล้ว

      Oke Mas, terimakasih..
      Mas dikibinin tutorialnya juga dong, biar lebih complit blajar gisya 🙏🙏

    • @berqas
      @berqas 4 ปีที่แล้ว +3

      bantu menjawab, membuat file geojson bisa menggunakan tools online namanya geojson.io . di geojson.io bisa menambahkan polyline, polygon, dan marker pada peta secara bebas.

  • @mydandelionscode
    @mydandelionscode 3 ปีที่แล้ว

    Kak mau nanya, file geojsonnya dimana kita cari ya kak?

    • @as.shiddiq
      @as.shiddiq  3 ปีที่แล้ว

      Convert dari file shp. Pakai qGIS

  • @jyobelpermanamanalu2567
    @jyobelpermanamanalu2567 4 ปีที่แล้ว

    bang mau nanya dong cara dapat koordinat perwilayahnya bagaimana ya ?

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Gimana tu mksdnya? Wilayah yg geojson itulah?

  • @taufiknofri513
    @taufiknofri513 4 ปีที่แล้ว

    gan, untuk direction bisa ga ?

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      Setahulu sih bisa. Cman yg aku tau cman nampilin route tujuan aja. Dan belum pernah coba 😃

  • @mekopa1631
    @mekopa1631 5 ปีที่แล้ว

    makasih :)

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Sama2 😁

    • @arihaikalsiagian4360
      @arihaikalsiagian4360 4 ปีที่แล้ว

      @@as.shiddiq cara membuat geojson sendiri gmn mas?

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      @@arihaikalsiagian4360 eksport pkai aplikasi GIS . Kalau aku pakai QGIS

  • @sarjanapintar1983
    @sarjanapintar1983 2 ปีที่แล้ว

    gimana dapat data geojsonnya?

  • @Colt-qf2ye
    @Colt-qf2ye 5 ปีที่แล้ว

    Gan itu token mapboxnya free ya..?

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Ya jelas free 100% karena itu tokenya pakai yang di situs leaflet langsung. Tp biar lebih mantap bsa dftr dlu biar dpt token sendiri

    • @Colt-qf2ye
      @Colt-qf2ye 5 ปีที่แล้ว

      Bisa pakai database mysql om .?

  • @utuhlahur9817
    @utuhlahur9817 5 ปีที่แล้ว

    Urang banjar kah pian ni ?

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Pelaihari tepatnya sanak ai 😂

  • @afridhorkartawiria6594
    @afridhorkartawiria6594 5 ปีที่แล้ว

    maaf gan, dapet file json daerahnya dari mana ya? hehe

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Aku agak lupa sih nemunya d web mana. Cuman yg psti kalau googling pasti ketemu kok. Tapi dalam bentuk SHP ya untuk geojson bisa diconvert aja dari file SHP nya pakai aplikasi pengolah GIS kaya QGIS atau ArcGIS atau sejenisnya

    • @afridhorkartawiria6594
      @afridhorkartawiria6594 5 ปีที่แล้ว

      @@as.shiddiq okee, thx gan

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Sip sama2 gan. Coba Keyword nya : file shp indonesia. Dan bisa di variasi lagi. Kalau bisa cari yg terbaru. Karena ad pemekaran wilayah, jd kdng ada yg kurang kalau file SHPnya yang tahun2 lama

    • @PaschenTube
      @PaschenTube 5 ปีที่แล้ว

      @@as.shiddiq gan kalo convert pakai ArcGIS kok formatnya JSON aja ya?

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      @@PaschenTube kalo gitu cba di load aja file JSON nya pd dasarnya GeoJSON itu sama aja kaya JSON.

  • @ahmadfadillah4843
    @ahmadfadillah4843 5 ปีที่แล้ว

    terima kasih ka tutorialnya bisa minta no whatsapp nya nggk?

    • @as.shiddiq
      @as.shiddiq  5 ปีที่แล้ว

      Via sosmed aja kalau mau.

  • @blackwhite5866
    @blackwhite5866 4 ปีที่แล้ว

    bang bisa inta no kontaknya bang, lagi deadline nih

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      pertanyaan yang memerlukan foto langsung DM di IG aja

  • @jhonnymonroy3164
    @jhonnymonroy3164 4 ปีที่แล้ว

    hello, would you know how to add attributes through a form that is displayed by clicking each polygon

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว +1

      Do you mean to take values ​​from polygon data and put them in the form? or add polygon attributes sourced from form input?

    • @jhonnymonroy3164
      @jhonnymonroy3164 4 ปีที่แล้ว

      @@as.shiddiq add polygon attributes sourced from form input

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      @@jhonnymonroy3164 do you have the sample code like your question?. maybe I can edit it.. send file to my email. You can check my email at my about youtube 🙂

    • @jhonnymonroy3164
      @jhonnymonroy3164 4 ปีที่แล้ว

      ​@@as.shiddiq I still have no idea how to do that process, I have seen tutorials but nobody does that process. excuse me
      :(

    • @as.shiddiq
      @as.shiddiq  4 ปีที่แล้ว

      @@jhonnymonroy3164 i suggest to tryng watch this video th-cam.com/video/iTRq9jlDdkg/w-d-xo.html, maybe can aswer your question. In that video, i adding attribute polygon from database data

  • @pertanian-bantaeng
    @pertanian-bantaeng 2 ปีที่แล้ว

    mohon nomor WA nya'

  • @jjangtv1816
    @jjangtv1816 3 ปีที่แล้ว +1

    Kak kalau seandainya mau ditambahin algoritma untuk menentukan jarak terdekat bisa ngga?