Just what I needed!!! I spent the whole day with google maps and tons of chart libraries, and your video was the first place I saw that awesome tool. Thank you very much!!!
Thank you for this video & for being honest! Not a lot of dev RUclipsrs will admit that they don't know what a certain libraries method does at a granular level. Got a sub for that
Thanks Kendall!! Yea, I'm not trying to hide anything! Truthfully at work I work 90% of the time on the backend using Ruby on Rails, so this channel is very much about me learning frontend!
Leigh, thanks for this. New to JS, React, Redux and kepler...needless to say a bit of a learning curve. Built off of what you provided here. Thank you!
Would it be possible to do a video on creating a map on Kepler and then showing how to add it to a React app by using the JSON export feature? That would be awesome to see! Love this video for just a basic idea
This is awesome! Is there an option within kepler to use our own dataset for the geocoder? I have a csv file of 2.7M areas which I would like to integrated on the gegocoder search field so people can search for a location that exists in the csv. I believe the geocoder is using a dataset from mapbox by default.
Hi Leigh, Thank you for sharing this video, it is easy to understand and helped me clear many doubts but facing one problem while trying to visualize with Hexbin or grid layer as shown in the end of the video. It is throwing with error in deck.gl saying cannot read the property. Will you help me with this?
when I create , it shows error: Uncaught Error: Could not find "store" in the context of "Connect(Container)". Either wrap the root component in a , or pass a custom React context provider to and the corresponding React context consumer to Connect(Container) in connect options. Everybody knows why? thankxxx
Hi Leigh, can you please recommend a full stack of technologies. Such as what will be backend DB (Pg), Mapping Server, front end react, mapping framework Mapbox, analysis (keplerGL), Big Data (LoaderGL) etc
i'm getting this error while deploy your code Could not find "store" in the context of "Connect(Container)". Either wrap the root component in a , or pass a custom React context provider to and the corresponding React context consumer to Connect(Container) in connect options.
Thank you Vikrant! I am honestly not sure!! Sorry I can't be more help... it's been many years since I've worked with Angular, and never together with React.
This is an awesome video, Thank you! I am new to React, when I run my application and put your code in it does not recognize the dependencies added in the package.json. Do I need to have them installed on my machine and run npm build for the project to recognize those imports in app.json?
@@leighhalliday thanks for the reply. Actually, how u put your API in .env.local file? because my when i check my API show style not found.. appreciate if u can show the example
@@leighhalliday that part is done..haha.. i try follow your tutorial. one more things is data not appear.. even i try console.log the data still cant be reach.. may i know where are mistake i had made?
Hey! Have you tried using console.log to see if your key exists? Also ensure that your container is 100% width, 100vh height... I shared the code I used, maybe you could use that as your starting point.
@@leighhalliday sir if i want to show case of covid 19 in diffrent countries with different countries like in just in heatmap for eexample highest no of case will represent from red colour and then second highest case with black like that .... ... how can we do that ?
and another thing is if we want to do all this setting through code .. like filter with day with time or with country and if we don't want to show kepler.gl window on our page can we do it ? if yes then how can we do all these spec ?
The Timeline Play view is awesome. So glad someone finally made that. But you forgot to enable this critical feature: ruclips.net/video/DbwlGv9SWfY/видео.html
![[Web Dev] Large-scale Geospatial Visualization with kepler.gl - Shan He](http://i.ytimg.com/vi/y-SA6bOv4Eo/mqdefault.jpg)
Just what I needed!!! I spent the whole day with google maps and tons of chart libraries, and your video was the first place I saw that awesome tool. Thank you very much!!!
Thank you for this video & for being honest! Not a lot of dev RUclipsrs will admit that they don't know what a certain libraries method does at a granular level. Got a sub for that
Thanks Kendall!! Yea, I'm not trying to hide anything! Truthfully at work I work 90% of the time on the backend using Ruby on Rails, so this channel is very much about me learning frontend!
Thanks for the video - everything is awesome: speed, details, scenario, voice!
Leigh, thanks for this. New to JS, React, Redux and kepler...needless to say a bit of a learning curve. Built off of what you provided here. Thank you!
Glad it helped Mike! Stick with it!
Great video Leigh! Can't wait to try this out soon when I'm gonna start working on my thesis for master's degree.
Thank you Dominik! Wow, masters! Impressive!! You can do it!
Thanks, Leigh! You saved my day
Man, I watched your video it's awesome, and I am thankful for sharing. Keeping coding
Would it be possible to do a video on creating a map on Kepler and then showing how to add it to a React app by using the JSON export feature? That would be awesome to see! Love this video for just a basic idea
I saved the html file before this issue, they were fine but now somehow saved html files also display nothing.
This is awesome! Is there an option within kepler to use our own dataset for the geocoder? I have a csv file of 2.7M areas which I would like to integrated on the gegocoder search field so people can search for a location that exists in the csv. I believe the geocoder is using a dataset from mapbox by default.
Hi Leigh,
Thank you for sharing this video, it is easy to understand and helped me clear many doubts but facing one problem while trying to visualize with Hexbin or grid layer as shown in the end of the video. It is throwing with error in deck.gl saying cannot read the property. Will you help me with this?
Since it uses Mapbox, we have to follow Mapbox pricing and limits ?
how can we make mapstyles as default like what we need.Example:if i need to display heatmap as default is it possible
when I create , it shows error: Uncaught Error: Could not find "store" in the context of "Connect(Container)". Either wrap the root component in a , or pass a custom React context provider to and the corresponding React context consumer to Connect(Container) in connect options.
Everybody knows why? thankxxx
What if I want to use HERE maps or OSM maps instead of MAPBOX how to do that? I went through the Documentation but am not able to do it!!
Hi Leigh, can you please recommend a full stack of technologies. Such as what will be backend DB (Pg), Mapping Server, front end react, mapping framework Mapbox, analysis (keplerGL), Big Data (LoaderGL) etc
i'm getting this error while deploy your code
Could not find "store" in the context of "Connect(Container)". Either wrap the root component in a , or pass a custom React context provider to and the corresponding React context consumer to Connect(Container) in connect options.
nvm, fixed
Hi Leigh! Amazing work. Is there a way to incorporate this into Angular, since most of our applications are built on that? Thanks in advance!
Thank you Vikrant! I am honestly not sure!! Sorry I can't be more help... it's been many years since I've worked with Angular, and never together with React.
Thanks for your video
Leigh Halliday, can I connect geojson in a similar way?
Thanks, Leigh!
You're very welcome!
Thank you for this video and I have a question about Mapbox token price.
Should I pay for it if I over a certain amount of access times in Mapbox?
Hey Sanghyeon! You get something like 50k free map loads... so I wouldn't bother until you're getting close to that. I'm sure they'll let you know :)
This is an awesome video, Thank you! I am new to React, when I run my application and put your code in it does not recognize the dependencies added in the package.json. Do I need to have them installed on my machine and run npm build for the project to recognize those imports in app.json?
Hey Sarah! Yes, I think you'd have to run either `yarn install` or `npm install` to download and install these dependencies on your computer.
Hi Sarah2005u - I'm having the same issue, have already run "npm install" - did you recall what you did for a solution to this?
@@mikeloose9270 its been a while I am pretty sure npm install did the trick.
You rock! As always!
Thank you very much d d :) Look for another vid this week!
Thank you for this useful video. I don’t know react. Is it possible to do the same in angular app. Please reply
Hey Jai! This is a react library by the folks at Uber, unfortunately it won’t work with Angular.
@@leighhalliday thank you for the reply. Is it possible to run react and angular together .. any idea on this
@@leighhalliday I just want to create 3d bar chart in map in angular. Do you know any other way of doing it ?
were you the one who shared the COVID data on reddit?
great video btw!!
I don't think that was me, but thank you :D
@@leighhalliday sure! Keep on the good videos!
soo..Nice Leigh.. i had try, but why my basemap does not appear? had u faced this problem?
Hey Saharil! Thank you :) Is your MapBox API in there correctly?
@@leighhalliday thanks for the reply. Actually, how u put your API in .env.local file? because my when i check my API show style not found.. appreciate if u can show the example
Has to start with REACT_APP_
@@leighhalliday that part is done..haha.. i try follow your tutorial. one more things is data not appear.. even i try console.log the data still cant be reach.. may i know where are mistake i had made?
hi sir .. sir my mapbox token is not working i think thats why i am not able to see map on my reactapp .. ... can you pls tell me how can i fix it ..
Hey! Have you tried using console.log to see if your key exists? Also ensure that your container is 100% width, 100vh height...
I shared the code I used, maybe you could use that as your starting point.
@@leighhalliday DONE IT Sir .... sir i have a question ? can i ask ?
Of course
@@leighhalliday sir if i want to show case of covid 19 in diffrent countries with different countries like in just in heatmap for eexample highest no of case will represent from red colour and then second highest case with black like that .... ... how can we do that ?
and another thing is if we want to do all this setting through code .. like filter with day with time or with country and if we don't want to show kepler.gl window on our page can we do it ? if yes then how can we do all these spec ?
Nice
Thanks, Prateek!!
This can be used for covid-19 mapping :)
Hehe, that's exactly what I mapped in this video!
Some coffee 10:21 😄
Haha love me some coffee
The Timeline Play view is awesome. So glad someone finally made that. But you forgot to enable this critical feature: ruclips.net/video/DbwlGv9SWfY/видео.html
Thank you Cory... fool me once, shame on me, fool me twice, shame on you!
@@leighhalliday Reminds me of that famous George W. Bush gaffe ruclips.net/video/oHg5SJYRHA0/видео.html