Maps
Discover how Bubble.io's Maps feature empowers solopreneurs to create location-based no code SaaS applications, enhancing user experience and functionality without writing a single line of code.

Google Street View in Bubble.io
In this Bubble.io tutorial we explain how to use the Google Street View Static API and Searchbox Address lookup to display a Google Street View image of an address in your Bubble app.

How to Use Search Element to Display Single Map Marker On Google Maps
In this Bubble.io tutorial video we show how to link a Search field with a Google Maps instance. This video demonstrates and explains the need to store address data as Geographic field data in order to provide the necessary integration with the Google Maps API.

Learn How to Easily Scrape Google Maps Data
Welcome to another in-depth Bubble tutorial where we delve into the integration of Serper.dev's Places API with Google Maps for a powerful and intuitive mapping experience.

Multiple Map Markers On Google Maps Using Geographic Data
In this Bubble.io tutorial video we demonstrate how the Google Map element in Bubble can display multiple markers at once.

Search and Scrape Google Maps data with Serper.dev
In this Bubble tutorial we demonstrate how to scrape Google Maps data into your Bubble app using the Serper.dev API.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Create a slideshow using Repeating Groups and Custom States
In this Bubble.io tutorial we demonstrate how to create your own slideshow using custom states and repeating groups. Perfect for building a marketplace and ecommerce store with Bubble.

Text preview: how to insert '...' after long text
Learn how to effectively manage long blocks of text in your Bubble.io project, ensuring they maintain a set height and display only a designated number of lines - all without writing a single line of code.

Embedding our dynamic AddEvent Calendar in Bubble - AddEvent 2
Learn how to embed a dynamic calendar into your Bubble.io app using the no-code platform AddEvent, allowing users to view their own personalized calendar. Customize and update the calendar code to ensure it displays the correct user's calendar.

Whereby Host & User Permissions with Bubble.io
Learn how to easily add user roles and host privileges into your Whereby meetings embedded in your Bubble app, ensuring secure access control using privacy rules and optimizing the user experience. Dive into the world of no-code video conferencing with Bubble.io!

OpenAI & Bubble Formating Tips & Tricks
In this Bubble tutorial we demonstrate some tips and tricks that will help you understand and format your prompts and responses when using the OpenAI ChatGPT API (gpt-3.5-turbo). This video draws on demonstrations in our Split by video and highlights several different approachs to extracting text from your OpenAI response including extracting multiple items.

Bubble UI Tips - Better Profile Pictures
In this Bubble tutorial we demonstrate 3 UI tips for improving your no-code Bubble app all centered around Profile Pictures. We use the Alphabet Profile Images plugin to add a placeholder thumbnail for conacts/users without an uploaded image, we show how you can quickly add the Picture Uploader to upload a new profile image to a Contact/User and we use Imgix to Auto crop around the face of the profile picture.