Open Street Maps React

As stated in the documentation, there are other options like {r} that will add @2x to the url to load retina tiles and most tile servers require attribution. You don't need to use maps api at all and the key won't be used in that case. React simple maps focuses on handling the tedious stuff, like topojson conversion, zooming, panning, and potential performance bottlenecks so you can focus on what matters;

This is a react wrapper for mapbox gl which uses webgl to render maps from vector tiles. An attribution — this string is used to attribute to the credits from where the url is being used. I want to show a highway on openstreetmap on my react web app and then mark toll booths, petrol pumps, highway malls etc on that highway on opensteetmap.

Use your own firebase credentials to run the project.

(scroll to using a custom tile overlay section) you need to add api key. You don't need to use maps api at all and the key won't be used in that case. Get started examples custom markers europe map with graticule map chart with tooltip choropleth map chart of the us (quantize) usa states map with labels A url — the url is used to make the api call and get the tiles data for the map.