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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8215e172a347400d5a_Google-Street-View.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2d527779dc7320c1ce_CloudsConvert_maxresdefault-1662743577.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a83bfe6bca9d1a08407_Scrape-and-Plot-on-Google-Maps.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1a94fc0d43c9e6766f_PBT3jOl4Ods-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a84ff0277619dde5f22_Google-Maps-Results-Scraped.png)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1633abeda05b51a304_thumbnail_a6759fc1.png)
Create a responsive homepage hero section in Bubble
In this Bubble tutorial video we demonstrate who to create a responsive hero section in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a399f4fd27c91a3d928_How-to-build-a-pirate-translator-with-OpenAI-and-Bubble.io_.png)
Bubble pirate translator with OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation using the slightly silly example of a English to Pirate text translator. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4a31640e1239a27b11_Bubble-with-Speech-to-Text-using-AssemblyAI-Part-3.png)
Bubble with Speech to Text using AssemblyAI - Part 3
In the final part of this Bubble tutorial series using the AssemblyAI Speech to Text API we create a simple front end form for users to upload an audio file and receive a transcript.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa49fcf51ebb833738f_New-Feature-Demo-of-Return-Data-from-Custom-Events.png)
ChatGPT, OpenAI API & Web Search API Combined
Learn how to combine the power of Bubble.io and the OpenAI API to create a ChatGPT client with web search capabilities using the Brave Search API.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ac2c747f49f4b50e55e_GPT-4o-Beginners-Guide-for-No-Coders-2.png)
OpenAI GPT-4o Beginners Guide for No Coders
Learn how to add OpenAI GPT-4o to your Bubble.io app with this beginner's guide to integrating AI using no-code development.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ab8f29790406036b7b4_Add-a-logo-to-Postmark-templates.png)
Add a logo to Postmark templates
Learn how to effortlessly integrate images into your emails using Bubble.io, making your email templates more engaging and professional with Postmark.