Use Google Map in Skuid Page!!

  • 1
  • Question
  • Updated 1 year ago
  • Answered
Hello

I want to use Google Map in one of my skuid page for custom object.I follow the link that you give Simple Map.

But i struggle with that and not able to use it.
Please help me with this and explain to me in simple how an i use Google Map in my Skuid Page.

Please explain this as i want it.Looking for an quick reply.

Thanks.
Arpit
Photo of Arpit

Arpit

  • 1,514 Points 1k badge 2x thumb

Posted 5 years ago

  • 1
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
I'm going to point you to a few resources. Mapping is not a standard deliverable with Skuid yet and so we are not yet providing step by step instructions. But the adventurous can certainly get things working.

1. Use custom component to link to a google map:

2. recent community topic with further discussion

3. Build your own custom component This is probably overkill if you are trying to simply add a map to one page.

Between those three resources, and Google Map's own help docs you should be able to make things work.
Photo of Arpit

Arpit

  • 1,514 Points 1k badge 2x thumb
Hello Rob,

Thanks for you reply.

I was trying to do it with the custom component.I have tried everything but not able to make it work,do not know why.I used both java scripts given on skuid but still getting nothing.

So please give me a little description on how to get it done with in skuid.

It will be highly appreciated and needed as well.

Hope to get quick response.

Thanks.
Arpit
Photo of Arpit

Arpit

  • 1,514 Points 1k badge 2x thumb
Please do explain me a little more So that i could succeed in Using Google Maps in my Skuid Page.
Photo of Darshil Shah

Darshil Shah

  • 80 Points 75 badge 2x thumb
Hi Rob, 

Thank you for help here! 

Is this not works for Drawer. However, I can see Awesome map in component but when I tried to open the drawer it is automatically hidden. Please advise here! 

Thank you!
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Not sure I understand.  When you put the map on a page outside the drawer it works,  but when it is in the drawer it does not appear?  Are you sure the model data is correct for the drawer?  Are you running before open actions to pass values to a condition and then query the model to get the right data for the record in context? 
Photo of Darshil Shah

Darshil Shah

  • 80 Points 75 badge 2x thumb
Yes! Rob. I have also try to running before action and this actions are not working for single one model. Please advise here Its really urgent now. 

Thank you!
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Would you mind giving us login rights to your org so we can take a look at what is going on?   Here is how:

1. Use this tutorial to give us login rights: http://help.skuidify.com/m/getting-started/l/182412-getting-help-how-to-grant-skuid-login-rights-to-....

2. Then send an email to support@skuidify.com  with the following information: 
- Your org Id 
- The name of the page where the problem is happening 
- The steps required to reproduce the problem.  


We'll see what's going on...
Photo of Chandra R

Chandra R

  • 300 Points 250 badge 2x thumb
Hi, I followed the Skuid article - Simple Map Component - and added two JavaScript files and added 'Maps' as module. When I try to create a new page, this new component is not showing up in the list of components. Could you please let me know if I am missing something? Thanks
Photo of Arpit

Arpit

  • 1,514 Points 1k badge 2x thumb
Hi Zach,

I am able to see the 'Awesome Component' in my skuid Page's builder list.
But i am not able to see the Google map.When i go to inspect element in my page i got the few blocked error.

Below is the image for that



Please tell me how can i get to show my Google map and made it work.

Thanks.
Arpit
Photo of Arpit

Arpit

  • 1,514 Points 1k badge 2x thumb
Hello Zach,

I got the google map in my skuid page.

But now it is taking much space then my page.I want to restrict it's width.How i can do this.



As you can see in the image it is going outside the page.So can you help me on how to restrict the size of this Google Map?

Looking for an quick response.

Thanks.
Arpit
Photo of Greg Huete

Greg Huete

  • 2,340 Points 2k badge 2x thumb
Can you post the source code of your custom component?
Photo of Sasidharreddy myf

Sasidharreddy myf

  • 152 Points 100 badge 2x thumb
Hi All
i tried "awesome map" component zooming is not happening in map any suggestions.    
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,056 Points 20k badge 2x thumb
Hi Sasidharreddy, the "Awesome Map" component example we provided uses Google's Static Maps API --- static maps are very limited in what you can do with them, for instance you cannot zoom, and you cannot move around. If you want to use a different Google Map API with a Skuid Component, you'll need to adapt our sample component code to use a different Google Maps API.