Vector tiles in react-native-maps

[far1din]

I want to add a custom vector tile to the map, but can't seem to figure out how. Is there any way to add vector/raster tiles with this package? If not, is there a workaround?

[muzammilideofuzion]

You can simply add them using UrlTile/WmsTile.

[Haseeba393]

You can use UrlTile/WmsTile to show vector/raster tiles on map. You can also find example for both https://github.com/react-native-maps/react-native-maps/tree/master/example/src/examples

[far1din]

Thank you sir for the reply. I am very new to this and don't know much.

Where can I find other tiles in the format suggested in the docs (http://c.tile.openstreetmap.org/{z}/{x}/{y}.png) and is it possible to customize and download?

There also seem to be a problem when using this tile layer as it disappears when zooming in too much. Do you know what the problem might be?

[Haseeba393]

Your welcome @far1din.
Brother in docs they are using one of the Open Street Map's Layer. You have to make an account for Open Street and there you will get multiple layers options, with own map generator and other formats that Open Street supports. You can also checkout following maps provider as well:

1. Map Tiler
2. Aeris Weather

and the question you have mentioned about tiles disappearing on zoom, that is the native behaviour of the maps.

[far1din]

My friend, thank you so much for the answer. This helped me out a lot!! 💯

[Haseeba393]

Your most welcome