Add powerful Mapbox maps into your Anvil app

In this session, Brooke will demonstrate  how to build a web app using the Mapbox Isochrone API to estimate how far you can travel given a starting point and a certain amount of time. The app build is based on this tutorial, but requires no JavaScript.

We’ll set up our app by creating a blank Anvil app, getting a Mapbox access token, and adding a Map object to our new app.

Then we’ll add a geocoder to the app so that users can search for a location, and then we’ll use the Isochrone API estimate how far we can travel in a certain amount of time.

Finally, we’ll build the UI for our app.

You’ll learn how to...

• Create an Anvil app
• Use Mapbox GL JS with Python instead of JavaScript
• Use the Mapbox Geocoding API and Isochrone API‍
• Use the Mapbox GL JS Geocoder plugin with Python

Resources

• Written tutorial for this demo
• Try Anvil
• Mapbox Isochrone API documentation
• Mapbox GL JS documentation

About Anvil

If you’re new here, welcome! Anvil is a platform for building full-stack web apps with nothing but Python. No need to wrestle with JS, HTML, CSS, Python, SQL and all their frameworks – just build it all in Python.