React JS Maps

React Map Services & Libraries

Core Map Services

• OpenStreetMap - Free, editable map of the world
• OpenFreeMap - Free and open source map tiles
• MapLibre - Open-source mapping platform
• Protomaps - Self-hosted vector maps

Commercial Map Services

• Google Maps - JavaScript API
• Google Maps Pricing
• Mapbox
• Mapbox Pricing
• MapTiler
• MapTiler Server

Map Libraries

• Leaflet - Open-source JavaScript library
• OpenLayers - High-performance mapping framework
• MapLibre Framework Integrations
• React MapLibre
• Vue MapLibre
• Svelte MapLibre
• https://mapcn.vercel.app/

React Maps

• https://mapcn.vercel.app/
• React MapLibre+Mapbox
• React Leaflet
• React MapLibre Deprecated
• Great YouTube React Maps Video
• https://blog.jawg.io/maplibre-gl-vs-leaflet-choosing-the-right-tool-for-your-interactive-map/
• https://blog.jawg.io/maplibre-gl-vs-leaflet-choosing-the-right-tool-for-your-interactive-map/

React Maps Examples

• https://mapcn.vercel.app/docs/basic-map
• https://github.com/visgl/react-map-gl/tree/master/examples
• https://github.com/w3cj/openfreemap-examples/
• https://apidocs.geoapify.com/samples/maps/react/

MapLibre

• https://github.com/maplibre/maputnik
• https://maplibre.org/maputnik/#0.47/0/0

Tools & Resources

• Maputnik Map Style Editor - Visual map style editor
• VS Code Live Server
• OpenStreetMap Tile Providers
• Vector Tiles Documentation
• OpenFreeMap Self-Hosting Guide