Use external API

Need help APIs
1

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('https://api.openrouteservice.org/v2/isochrones/foot-walking', {

                    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) => {

                    console.log(data);

                    

                    map.data.addGeoJson(data);

                })

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

        });

Thanks a lot

2

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: https://manual.bubble.io/core-resources/bubble-made-plugins/api-connector

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.

3

thanks @Sart !
going to look after this docs!