Google Maps
Enhance your no code SaaS with Google Maps integration in Bubble.io, empowering solopreneurs to create location-based features and interactive maps that elevate user experience and functionality.
![](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/66670a65c12be7d36a4483cf_Gradient-Text.png)
Text Background Gradient in Bubble - FREE, no plugin needed
In this Bubble tutorial video we demonstrate how to add a gradient background to text in your Bubble app using CSS and element IDs. No plugin needed.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a82983f8681af33d1b1_AI-Web-Scraping-New-York-Times.png)
Web scraping the New York Times with Browserbear
In this Bubble tutorial we demonstrate how screenshot the homepage of the New York Times using the Browserbear API.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a62bcc92941db6f8f78_1.png)
The Ultimate Bubble.io Guide to Timezones
In this Bubble tutorial we demonstrate how Bubble detects Current User's timezone, how to override the browser timezone and how to change the timezone for data/time inputs, backend workflows and API calls.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a64a4dfa3e0e6e8870d_Table-Row-to-record.png)
Bubble Table Element - Link Row to Record page
In this Bubble tutorial we demonstrate the new Bubble Table Element and show how you can easily link through from a record in your table to a page all about that record. Perfect for anyone building no-code dashboards and CRM apps with Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1fbf9e180b5192f9a4_jWkp520qcAg-HD.jpeg)
Introduction to using columns & rows in Bubble.io
In this Bubble.io tutorial we demonstrate the importance of using columns and rows (instead of Fixed layout) in the new Bubble Responsive engine. If you're a Bubble beginner this is a great video to start with as understanding these key concepts will save you lots of time as you build more pages into your no-code web app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8cc12be7d36a449f12_Youtube-thumbnail-HD.jpeg)
Gap between repeating group rows
In this Bubble.io tutorial video we demonstrate the correct way to add uniform gap between rows in a repeating group you are using as a table element when building your no-code app with Bubble.io.