Use external API

Hello guys, I’m new to programming and to bubble. here i’m trying to use the OpenRouteService API in bubble within the google map’s map but i’m not sure about where to begin and how to make the calls ? if you guys could help it would be nice !
here is my code :

const body = {

                locations: [

                    [lng, lat]


                range: [900, 600, 300],

                range_type: 'time',

                attributes: ['area', 'total_pop'],


            fetch('', {

                    method: 'POST',

                    headers: {

                        'Accept': 'application/json, application/geo+json, application/gpx+xml, img/png; charset=utf-8',

                        'Authorization': 'x',

                        'Content-Type': 'application/json; charset=utf-8'


                    body: JSON.stringify(body)


                .then(response => response.json())

                .then((data) => {





                .catch((err) => console.log(err))


Thanks a lot

Hey @dauffy_e,

Welcome to the Bubble community…

If you want to integrate API(s) of any other app or services the best way i know is to use Bubble API Connector plugin.
Here is the link to its document:

or you can search for the plugin of google map or any other service you want and install it add API and use it. I don’t know backend processes too but in Bubble all those backend workflows are easy to create. Just go through Bubble documents. Soon it will become easy for you.

Here is video link, take a look at it for reference : How to Setup Google API Keys | Bubble.

Hope this will help you.

thanks @Sart !
going to look after this docs!