No items found.

Rapid UI development for React-based map apps with CartoLab Elements

December 3, 2020
10:00 am
December 3, 2020
Bates Rambow
Owner and Lead Developer, CartoLab
Josh Tanner
Geospatial Analyst, Engineer, CartoLab
Rafa Gutierrez
Support Engineer, Mapbox
No items found.

Register for webinar


CartoLab Elements are a set of reusable and themeable React components for building user interfaces for map-based web applications.

Elements is different from libraries like react-map-gl and react-mapbox-gl in that it is not an attempt to port the MapboxGL API into React Components. Instead, Elements enables MapboxGL to manage the map and its WebGL Context, while React simply manages all the other UI elements in an application that need to interact with a map. Working with Elements, you should be able to use Mapbox GL JS directly or use one of these wrapper libraries (as long as you can pass in the map instance to Elements' Context).

You can explore CartoLab Elements in our interactive playground, including documentation, code examples, and interactive exploration of various props and theming options. Elements also welcomes contributors.

You'll learn:

  • Why CartoLab created Elements to enable Rapid UI development
  • How to use CartoLab Elements, including the playground, documentation, code examples, and interactive exploration of various props and theming options



Bates Rambow is the owner and lead developer for CartoLab LLC, a company specializing in geospatial consulting and application development. He specializes in building map-based web applications that help companies and organizations get the most out of their data. He has built applications for clients in industries such as real estate, natural disaster recovery, home services, solar energy, and more.

Joshua Tanner has worked at various levels of government in geospatial development for the last 10 years. By working at the city, county, state, and federal level, he has had a unique opportunity to understand and deliver elegant solutions to complex geospatial problems. Joshua has a B.S. in Marine Science and Master's of GIS and Technology. Joshua is a member of the Phi Kappa Phi honor society, a lifelong learner, and an active proponent of education.