What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Google maps static API embedding into notification email

    Asked by bigmeltz on August 20, 2015 at 01:41 PM

    So I am trying to add a static google maps api link to my notification email based on the address people enter into the form. The issue I have encountered is that the image does not display in the email, and it looks like adding the {location} tag into the static api link does not update accurately.

    https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap%20&markers=color:green|%22Brooklyn+Bridge%22

    google maps static email maps
  • Profile Image
    JotForm Support

    Answered by jonathan on August 20, 2015 at 05:51 PM

    Were you referring to the Geocomplete Widget?

    Unfortunately, any of the location widget will not show the Google map on the Notificaiton Email of the form. It doesn't have that functionality at this time.

    and it looks like adding the {location} tag into the static api link does not update accurately.

    I am not sure what you meant by this. Did you add it in your Notification Email?

    I cannot see this on your form which I assume it was this form http://www.jotformpro.com/form/52225201738953

    If you can provide more details we will see what else we can suggest and search for a workaround.

     

    Thanks.

     

  • Profile Image

    Answered by bigmeltz on August 20, 2015 at 06:52 PM

    So I want to put an image in my notification email that is a map of the entered address. I saw people had done this before on jotform, however it doesn't seem to be working. I am attempting to use a static image generated from the google api, though I have gotten it working on other pages through html something with the way jotform handles the html doesn't submit the location entered into the image source. 

  • Profile Image
    JotForm Support

    Answered by jonathan on August 20, 2015 at 08:20 PM

    So I want to put an image in my notification email that is a map of the entered address.

    As previously mentioned, this is not possible to do in the email at this time.

    But if you can use only static maps using the Google API, then it can be done.

    You can read about Google Static Maps API here.

    I test this on my form  http://form.jotformpro.com/form/52318231398961  and autoresponder email and it works. Use the insert/edit image tool to add the image source using the Google Map URL.

     

    You can test submit my form http://form.jotformpro.com/form/52318231398961 , provide you email address to received the autoresponder email.

    The email message should look like this

     

    Hope this help in any way. Let us know how we can be of further assistance.

     

  • Profile Image

    Answered by bigmeltz on August 21, 2015 at 12:13 AM

    Why can't I add a static url with the {location} tag as the set address? Doesn't jotform population those tags with the entered text responses? EG; what technically prevents this?

  • Profile Image
    JotForm Support

    Answered by Welvin on August 21, 2015 at 05:33 AM

    Please try this form: http://www.jotformpro.com/form/52322628872963. Make sure to enter your correct email address to receive the autoresponder containing the map based on the address field in TextBox field and GeoLocation widget.

    If the result is what you have desired, you can do it like this:

    a. Build the map link based on the field name. If your field name is {location}, do it like this:

    https://maps.googleapis.com/maps/api/staticmap?center={location}&zoom=13&size=600x300&maptype=roadmap%20&markers=color:green|%22{location}%22

    Notice how the field name is added in the link. Please make sure do it like this and no other HTML formatting is added.

    b. Add it as an image in the notifier/autoresponder. You can add a row for this and merge cell:

    Please disregard the gray area or incorrect address in the settings. They will be corrected once the form is submitted.

    c. You can hyperlink the image and use the same URL so to make the image clickable:

    I hope that works for you.

    Thanks

  • Profile Image

    Answered by bigmeltz on August 24, 2015 at 03:52 PM

    Thanks Welvin, got it working right away.

  • Profile Image

    Answered by agrupa on September 26, 2016 at 09:59 PM

    Welvin, 

    This doesn't seem to to be working anymore, do you have any ideas on how to get it working again. The map will not show in the notification email, you can click the hyperlink and then get the map from the email. 

  • Profile Image
    JotForm Support

    Answered by jonathan on September 26, 2016 at 11:10 PM

    @agrupa

    We will resolve your issue here https://www.jotform.com/answers/942519

    Thanks.