how to display vector tiles layer in react-leaflet v4? - react-leaflet

I'm trying to display a vector tiles layer from geoserver but I can't find any way to do this in the available documentation.
I found the react-leaflet-vectorgrid plugin, but it is not compatible with v4
Does anyone know how I can show the vector tiles layer, or failing that, migrate a v2 plugin to v4?

Related

Google Earth Web/Online WMS

I am trying to add a WMS service to Google Earth Web/Online: https://earth.google.com/web
I tried importing a .kml file that works in the desktop version of GE but had no success. I also tried adding a tile overlay, which failed as well. I could not find any recommendations for working with WMS services in the google faq/ help docs or on the web. Has anyone been successful with this?
The WMS I would like to add: http://www.geoportal.rlp.de/mapbender/php/wms.php?layer_id=61675&REQUEST=GetCapabilities&VERSION=1.1.1&SERVICE=WMS&withChilds=1
WMS overlays currently work in Google Earth Pro, but they do not work in Earth v9.x (web & mobile apps) at this time.
But in Earth for web, you should be able to add a Tile Layer that loads a set of Google Map Tiles (the same tile format as you would use with the Google Maps Platform / Maps API). You need the URL for the tile layer, with the appropriate $[x], $[y] and $[level] variables (note "level" instead of "z"). You'll also want to add the N/S/E/W tile extent coordinates. And I believe it only supports 256x256 tiles at this time. Let us know how you're trying to add a tile layer, and we can try to debug that.

How to use Mapbox Terrain RGB on the client side with Mapbox GL JS

I am working on an Open Source project and our goal is to create an inundation map similar to the following:
https://openlayers.org/en/latest/examples/sea-level.html
https://labs.mapbox.com/bites/00307/?elev=1#4/29.92/-91.19
We would like to use Mapbox's elevation data using as RGB raster tiles ("Mapbox Terrain-RGB"). Found here: https://docs.mapbox.com/help/troubleshooting/access-elevation-data/#mapbox-terrain-rgb
I have built the structure of my Mapbox GL JS map and have hit the Terrain-RGB endpoint but am struggling to figure out how to consume this data using Mapbox GL JS; And complete RGB decoding in the client.
There is no available documentation or walkthrough for an inundation map on Mapbox currently so I am looking for some guidance.

Mapbox Studio: landuse=residential not available?

I try to build a map for my stormchasing community. It is very important to see urban areas on the map. I tried to add a landuse=residential layer/filter but it seems Mapbox does not support this at all.
Any ideas or solutions on this?
You are correct that the Mapbox Streets v8 tileset does not contain a landuse=residential field. However, this type of data is available in OSM as shown here and can be downloaded using Overpass Turbo - you can refer to the "Add OpenStreetMap data to your Mapbox project" tutorial for steps on how to do that.
Once you've downloaded this data, you can upload it to your Mapbox account, add it as a new layer to your map, and style it accordingly.

react-leaflet with original leaflet plugins

It is more theoretical question, rather than some problem.
I'm planning to develop some wrapper for leaflet (encapsulate work with leaflet for other developer teams with some API in/out), and I'm wondering if to use react-leaflet or to use native leaflet library.
There is very long list of available plugins for leaflet, and as far as i see only +-10 of them implemented for react-leaflet.
From your experience, does all the original leaflet plugins works fine with react-leaflet? How often do you encountered with problem and which one are not working at all?
It should be possible to create a custom component for any react-leaflet extension.

Using OpenStreet map in website with LeafletJS to display heapmap

Is it possible to download OSM or embed OSM and use leafletjs on top of it to display heat map?
I have searched a lot and could not find anything related. I wanted something like this form Google Maps.
https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap
I did find the mapbox but we need to pay them. I need something open source.
Please suggest me.
You can create heatmaps with Leaflet by using the various available plugins:
http://leafletjs.com/plugins.html#heatmaps
However, you'll need some vector data to build a heatmap, not just the tilelayer. If you want to use OpenStreetMap to get your data, try a service like http://overpass-turbo.eu/ to download the things you want in this format.