Large geojson in leaflet | GeoDev

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 51

  • @gisknowledge4849
    @gisknowledge4849 3 года назад +3

    Yes I also face this problem in loading geojson data on map.
    Thank you sir for giving this. I definitely try this code my project.
    Again thanks n keep sharing newly interesting videos for us. Your code always help me a lot.

    • @geodev
      @geodev  3 года назад

      You are most welcome

  • @YabinyaStudio
    @YabinyaStudio Год назад +1

    sure i've try and this very fast, but i can't bindpopup on layer, do u have sample code for displaying popup?

    • @geodev
      @geodev  Год назад

      For that, please use leaflet.vectorgrid plugin.

  • @edipkutay5484
    @edipkutay5484 2 года назад +3

    Hi , my friend .Firstly I tried to use your code with 'nepal-districts' data which is around 14MB . It worked fine and then I used my data which is 1.000.000 point 230 MB and browser died :)
    I changed just this part "". And I used 'Live Server' for serving. What is your opinion about my problem. Do you have some advice or did I miss something?

    • @geodev
      @geodev  2 года назад +1

      1M means, lots of features even QGIS also can't load it properly. I highly recommend to use server side render like, geoserver.

    • @ShaxrilloNusratov
      @ShaxrilloNusratov 3 дня назад

      use web workers to load geoJson

  • @ClémenceDeClercq
    @ClémenceDeClercq 9 месяцев назад +1

    Can we filter on vector tiles like is possible with cql filter with WMS (using only leaflet and geoserver)?

    • @geodev
      @geodev  9 месяцев назад

      I think filtering is supported in leaflet vectorgrid plugion. Please check the plugin documentation here: github.com/Leaflet/Leaflet.VectorGrid

  • @MrKareem722
    @MrKareem722 2 года назад

    I want to thank you for the second time for saving my project :D
    and I have purchased your coutse on Udemy

    • @geodev
      @geodev  2 года назад

      Thank you and I am glad to know it helped 😊

    • @MrKareem722
      @MrKareem722 2 года назад +1

      @@geodev this plugin works very well, but what to do if i want to add mouse events, and user interactions with such big files,
      as I can't do so while using this plugin?

  • @unhappydude23
    @unhappydude23 2 года назад +1

    hi! Thanks for the video... One question, when I Draw a GeoJSON in the native way of leaflet, I have the option "onEachFeature". How Can I use this function with this library? Thank u so much.

    • @geodev
      @geodev  2 года назад

      Hi, This feature is not implemented with this library. If you want to implement such function, have a look to vector grid plugin here: github.com/Leaflet/Leaflet.VectorGrid

  • @ayariachref3437
    @ayariachref3437 2 года назад +1

    Hi, thank you for this tutorial. Are vector tiles stored somewere after being generated ?

    • @geodev
      @geodev  2 года назад +3

      It won't store. It is just for the optimizing the loading of large geojson data.

  • @prabu93
    @prabu93 11 месяцев назад +1

    hi, i have question. how to show popup when click each feature ?

    • @geodev
      @geodev  11 месяцев назад

      You can use the Leaflet VectorGrid plugin for that!

  • @cleitonpereira8975
    @cleitonpereira8975 9 месяцев назад +1

    I have a file with 90 thousand land, how do I interact with this layer? When I use the geojson file I can click and display information about the land, now using your method the map cannot click on the lot, I also have a search bar to find the lot according to its registration number, how do I make this work? How do I need to declare the layer?

    • @geodev
      @geodev  9 месяцев назад

      Hi, if you have a large dataset, I highly recommend you to use the geoserver or any kind of backend server to process your data smoothly. But again, if you only want frontend to handle everything (also add a pop up), I recommend to use leaflet-vectorGrid plugin.

  • @gisknowledge4849
    @gisknowledge4849 3 года назад +2

    Sir I used this file in my code. Please tell me how can features be shown in popup on click.
    OnEachFeature option of geojson in working in it or not.

    • @geodev
      @geodev  3 года назад +1

      Actually, the onEachFeature option is not working in this plugin. The plugin is just for the visualization of geojson. For popup, I found the another plugin called leaflet.VectorGrid. You can have a look here: github.com/Leaflet/Leaflet.VectorGrid

    • @gisknowledge4849
      @gisknowledge4849 3 года назад +2

      @@geodev okk sir.
      Is there any other way to load heavy size geojson file fastly and also display their features in popup?
      Please help me to do this.

  • @NAKIGOEORG
    @NAKIGOEORG 2 года назад +1

    Hi, thank you for the tips.
    Is there info how to put all of that into C# Blazor WebAssembly (a razor page)?

    • @geodev
      @geodev  2 года назад

      Sorry, I am unable to help with c#

  • @alphonse63075
    @alphonse63075 3 года назад +2

    Hi! I've just used your files but getting this error : Uncaught TypeError: Cannot read property 'type' of undefined
    at geojson-vt.js:1
    at new n (geojson-vt.js:1)
    at geojson-vt.js:1
    at initialize (leaflet-geojson-vt.js:9)
    at new i (Class.js:22)
    at Function.L.geoJson.vt (leaflet-geojson-vt.js:102)

    • @geodev
      @geodev  3 года назад +1

      Can you check your geojson data whether it is in correct format or not?

    • @alphonse63075
      @alphonse63075 3 года назад +2

      @@geodev I was calling my geojson from GeoServer WFS... I've now called a geojson file and it works. Thanks

    • @geodev
      @geodev  3 года назад +1

      @@alphonse63075 great to hear that it worked 😃

  • @Webspreed
    @Webspreed 2 года назад +1

    Hi, thank you for this tutorial can you inform me how t read multi WMS layer data from a click ?

    • @geodev
      @geodev  2 года назад

      you can send the two getFeatureInfo requests on click event so that you will get the multi wms layer data.

  • @TungPham-hy9qv
    @TungPham-hy9qv 8 месяцев назад

    Thank for your tutorial. I have problem when load GEOJSON file with 201MB with this lib (cannot process) on localhost. I only chang raw geojson file to js like your tutorial. Please help me solve it. Thank

  • @GooogleMahi
    @GooogleMahi 2 года назад +1

    i have 5gb file of jeojason of brazil, how to edit this large file??

    • @geodev
      @geodev  2 года назад +1

      Please use the desktop GIS software like QGIS to edit file and use server side processing like geoserver to visualize it.

  • @MMMollhGIS
    @MMMollhGIS 10 месяцев назад

    How to show label with leaflet-geojson-vt? Thanks for your time.

    • @geodev
      @geodev  10 месяцев назад

      I suggest you to use the VectorGrid Plugin for popup.

  • @dgiri2333
    @dgiri2333 Год назад +1

    I face issue to pass json data from ajax call get issue can do same sample with help of ajax call

    • @geodev
      @geodev  Год назад

      Did you followed the instructions? You can find the full code of tutorial in video description

    • @dgiri2333
      @dgiri2333 Год назад

      @@geodev I checked issue Is resolved thank you

  • @mykolatokariev8260
    @mykolatokariev8260 2 года назад +1

    So thank you, so

    • @geodev
      @geodev  2 года назад

      Welcome😁

  • @the.legend156
    @the.legend156 2 года назад +1

    Hi I need help from qgis program
    altering the area of the geojson paligon area

    • @geodev
      @geodev  2 года назад

      Maybe something wrong with your coordinate system.

    • @the.legend156
      @the.legend156 2 года назад

      @@geodev no i don't know how to tell you

    • @the.legend156
      @the.legend156 2 года назад

      @@geodev If you give me a telegram number, I'll make a video

  • @khizerabbas1155
    @khizerabbas1155 2 года назад

    It works thanks

    • @geodev
      @geodev  2 года назад

      You are welcome

  • @dannbrown1468
    @dannbrown1468 Год назад +2

    Uncaught (in promise) TypeError: leaflet__WEBPACK_IMPORTED_MODULE_7___default(...).GeoJSON.VT is not a function
    im getting this message always in VUE

    • @geodev
      @geodev  Год назад

      I see. Did you imported these two scripts?

    • @dannbrown1468
      @dannbrown1468 Год назад

      @@geodev yes

    • @dannbrown1468
      @dannbrown1468 Год назад

      I am using vue and embedding into a view component