Exibir localização do mapa usando o widget Mostrar localização do mapa

  • temporadanolitoral
    Perguntado em 22 de novembro de 2024 às 07:47

    Exibir localização do mapa usando o widget Mostrar localização do mapa Image 1 Screenshot 30

    Exibir localização do mapa usando o widget Mostrar localização do mapa Image 2 Screenshot 41


  • Eduardo Jotform Support
    Respondido em 22 de novembro de 2024 às 08:01

    Olá temporadanolitoral,

    Obrigado por entrar em contato com o Suporte Jotform. Deixe-me analisar e retornar com uma solução.

    Agradecemos muito sua paciência e compreensão enquanto estamos analisando isso.

  • Sakib Jotform Support
    Respondido em 24 de novembro de 2024 às 18:51

    Hi temporadanolitoral,

    Our Portugese Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Portugese, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, You can use the Show Map Location widget to do this. You will need a Google API key to set the location using the Show Map Location widget. Let me show you how to add this element to your form:

    1. In Form Builder, click on the Add Form Element menu on the left side of the page.

    Exibir localização do mapa usando o widget Mostrar localização do mapa Image 1 Screenshot 40

    2. Under the Widget tab, scroll down the list and choose the Show Map Location widget.

    3. Now, just drag and drop the widget to your form.

    Exibir localização do mapa usando o widget Mostrar localização do mapa Image 2 Screenshot 51

    Then you'll need to create and add the API Key to your widget. Let me show you how:

    1. Click the Navigation Menu at the top-left of the Google Cloud dashboard.
    2. Under the pinned items, click APIs & Services.
    3. Click Credentials from the list of options.

    Google Maps integration instructions Image 1 Screenshot 50 Screenshot 62

    4. At the top, click the + Create Credentials button.

    5. Choose the API key from the options. You will have the API Key created at this stage.

    Google Maps integration instructions Image 2 Screenshot 61 Screenshot 73

    6. Copy the API Key as highlighted in the image below.

    Google Maps integration instructions Image 3 Screenshot 72 Screenshot 84

    7. Now, go back to your form in Form Builder and click on the wand icon next to your Show Map

    Location Widget to open the Widget's Settings.

    8. Finally, paste the API key that you copied from your Google Cloud account and paste it into the

    Google Maps API Key field and then click on Update Widget.

    Exibir localização do mapa usando o widget Mostrar localização do mapa Image 3 Screenshot 95

    We also have a guide about How to Get Google Maps API Key for Jotform Mapping Widgets that you can check out. You can also manually enter the latitude and longitude of your location in this widget as well but you will still need a Google Maps API key for this widget to work correctly. 

    Reach out again if you have any other questions.

Sua Resposta