Creating Private Component Google Map Issue

I’m creating a private component and I’m using Adalo’s map component as base (GitHub - AdaloHQ/map-component).

The map works on the editor if I don’t change package.json

To publish the component I have to change the library name on package.json ‘name’ from ‘@protonapp/map-component’ (Adalo’s library) to my library name ‘map-component-funkee’ (not the actual name).

The browser console doesn’t log an error.

The map I’m using is from the ‘google-maps-react-markers’ library ( component).

I assume this has to be a whitelisting issue and Google doesn’t recognize my library name but does recognize Adalo’s.

Has anybody encountered this or a similar issue? I welcome any idea to try to solve this.

Hi @Funkee,

Welcome to the community! :tada:

Are you still experiencing issues?

I’m not sure but are you trying to implement the features that Jimmy’s component provides?

Demo app : Component Demo

Thank you and have a great day!

Hi Dilon! Sorry for the delay, I missed the notification email.

Yes, I’m trying to recreate Jimmy’s component for my team. They were having issues with Jimmy’s component on IOS so I wanted to see if I could quickly learn how to make Adalo components myself.

I did recreate the component using GitHub - AdaloHQ/map-component as a base.

You can test my issue if you download Adalo’s project and only change the name of the library in package.json (which is required to publish a private component), then run ‘npx adalo dev’. In the runtime preview (‘Staging Preview’), the React component ‘GoogleMapReact’ (from the library ‘google-maps-react-markers’) stops rendering and fails silently (no browser console error in the runtime preview).

My gut says (I don’t actually know) the issue is Google has a whitelist with libraries that can interact with their APIs and I would like to know if Adalo did some kind of library submitting process. Or it could be something different entirely.

P.D.: I know the app preview shows only the web version of the component. But I need both the web and the mobile map to work and something tells me both will fail (I haven’t tested it).

No worries @Funkee, thanks for the information!

May I ask, what’s the issue so I can inform Jimmy? There was few issues with iOS builds but most of them got fixed by Jimmy as far as I’m aware.

Regarding the component, is it same after turning off the new react native toggle?
Is the latest CLI version is using? : It updates automatically by running yarn add @adalo/cli@latest or npm install @adalo/cli@latest
Would you be able to share your code files as a zip file in a DM? I can check with a developer in the team and get back to you.

Thank you and have a great day!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.