How to Show Geo Complete Map on Thank you Page

  • Profile Image
    anasidriss
    Asked on July 18, 2016 at 04:22 AM

    Dear,

     

    Can we display on a map a selected address out of the GeoComplete Widget on the same form before submission?

    if not, can we display on the next page of a multi page form, i.e. after clicking next?

     

    With regards

    Anas

  • Profile Image
    EltonCris
    Answered on July 18, 2016 at 08:00 AM

    Hello Anas,

    That's possible on thank you page.

    You can use the following code.

    <iframe style="height:300px;width:100%;border:0;" frameborder="0" src="https://www.google.com/maps/embed/v1/place?q={geoComplete}&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU"></iframe>

    Make sure to replace {geoComplete} (bold text above) with your GeoComplete Widget field tag. You can find field tags when you open its properties.

    Here's how:

    Then paste the above code in your thank you page.

    Example:

    Hope this helps!

  • Profile Image
    anasidriss
    Answered on July 19, 2016 at 03:45 AM
    This is very cool.Yet the user now has already submit the form!The usual need is for him to see the pin on the map and then adjust it to the correct position.
    ...
  • Profile Image
    Irshad
    Answered on July 19, 2016 at 07:37 AM

    I think the following widgets may help.

    http://widgets.jotform.com/widget/address_map_locator

    http://widgets.jotform.com/widget/geocomplete

    Please check the top section on each of these widget page for the demo form.

    Thanks

  • Profile Image
    anasidriss
    Answered on July 20, 2016 at 02:45 AM

    I will check how far i can customize the address_map_locator widget
    Thanks
    ...
  • Profile Image
    EltonCris
    Answered on July 20, 2016 at 05:39 AM

    Yes, you can use those widgets but I don't think the maps can be displayed on the thank you page. However, if you only want the maps to show on your form, the above widgets should help. This way, your users can drag the pointer icon found on the map to position it on their exact location.

    This has this feature as well http://widgets.jotform.com/widget/gps_location.

  • Profile Image
    anasidriss
    Answered on July 20, 2016 at 06:45 AM
    This is very good.
    But the map display area is small. Can you resize it?I tried with the properties width and height it doesn't work?
    ...
  • Profile Image
    Irshad
    Answered on July 20, 2016 at 10:54 AM

    I just checked your Form. And on Thank-you page you can increase the height of the Form, by increasing the Height of Iframe. That is just use the below Iframe code:

    <iframe style="height: 450px;width:100%;border:0;" frameborder="0" src="https://www.google.com/maps/embed/v1/place?q=New York, NY, United States&amp;key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU"></iframe>

    In the Iframe, earlier the height was set as 300 px. So you can increase it according to your preference.

     

    If you are working on some other Form. Please share the URL of your that another form.

    Thanks.