Overview

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
  

Resources

• Elements - GitHub repository
• Elements - Demo/Interactive Playground
• Elements - v1.3.0 release announcement
  

Presenters

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.