#MAPTILER LEAFLET SHINY CODE#
I'm going to write code here using the `magrittr` pipe style. Build a simply Shiny app with a slider bar and drop down menu Produce a very basic leaflet map and learn some elementary functionsĥ. This tutorial will help you get started using both leaflet and shiny in R to do basic data exploration with geospatial data.Ģ. # An Introduction to Leaflet and Shiny in R: To highlight this within the reachability area I created an animation and color-encoded this factor (blue stands for 1 and red for bigger values).Author: "Simon Goring - Dash Consultants " instead of like 50km/h cars travel with walking speed! The orange dots show the maximum reached distance for a specific time of the day (00:00 to 23:00) and the blue dots show the maximum factor the speed was slowed down (speed at night / speed): for night this factor is obviously 1 but for extreme cases this can be 7.5 i.e. We see the same behaviour for the maximum reached distance: The area starts oscillating as shown in the animation above. To find this out I fed GraphHopper with time-dependent TomTom data and calculated this area for every hour of the day.
Now how does the reachable area change over a typical weekday? Animate different reachability areas at different times
#MAPTILER LEAFLET SHINY FULL#
See here for the full commit and here the result. To make this working I just added pickable: true,Īnd increased the picking radius from 1 to 5 pixel via pickingRadius=Īnd the second thing includes the time variable: getColor: d => d < time ? getColor(d): , Highlight a certain street on mouse hover I was not able to create vector tiles out of the isochrone search (Mapbox Vector Tiles – mvt) which would have been really interesting but even the server-side the creation took too long (I used a library) and additionally I would have to split the isochrone edges into different tiles which felt unnatural. Instead of the GeoJSON I also tried more compact binary edge formats and although it was more complicated to consume I kept using it because it is 5 times smaller and faster to load even through local network as for 1 hour areas this can get quite large 🙂 The result was that for me it was easier to make it running (as it is based on leaflet) but it is much slower even for a static view and has no shiny third dimension fakeria.
To find out whether usage complexity and performance is really the best with deck.gl I tried Mapbox GL JS. The proper way to do this is likely via Promise and applying the returned data via setState. I need to find a bit time to rewrite this. As I’m a bit inexperienced with react I used a hack and I created a global variable that does a callback in the web service to call forceUpdate of the component.
#MAPTILER LEAFLET SHINY UPDATE#
For that I had to call a web service and populate a data structure to finally update the map. Initial setup with a web call before renderingĪs the first step I wanted to display some road sections on the map. If you already have node or npm installed, it might be time to upgrade. Finally copy one of the examples into a separate git repo to play around and run ‘npm start’. You should clone the deck.gl repository and read a bit in the documentation in deck.gl but also about react JS. Reachable areas of one hour for the different times of the day with different colors for different distances (blue = ‘far away’).
0 kommentar(er)
