Map Components Studio

Free React map components with markers, routes and popups.

Map Components Studio — build maps with markers, routes and popups from mapcn, preview it live and copy the code quickly

How to use Map Components Studio

  1. Pick a map style and click the map to add markers
  2. Toggle the route to connect your markers
  3. Open My map code and copy the snippet
  4. Search the component list to find MapRoute or MapClusterLayer
  5. Copy any block install command to add it to your app

Features

  • 15 real mapcn components: Map, markers, routes, arcs, GeoJSON and clusters
  • 8 ready-made blocks: delivery tracker, choropleth, store locator and more
  • Click-to-add markers with a live route polyline preview
  • Copy-ready install and usage code for every component
  • 4 map styles: streets, light, dark and satellite

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.