Google Map Malfunctioning again

  • COREVI
    Asked on October 25, 2015 at 2:25 PM

    Hello! My form is here http://www.corevi.org/submit.html and it's malfunctioning again since I made a change to the form. I copied the code how it was when it was working and added the map code to the top of the code from the new form, but I'm getting the green box instead of the map. Please help, again!

  • Charlie
    Replied on October 26, 2015 at 2:04 AM

    Hi,

    Upon checking your website, I see you seem to be using a custom script for the Google map. The Google Map API might have been updated already, including the JotForm embed code.

    Could you using this widget instead: http://widgets.jotform.com/widget/show_map_location. You can add a widget to your form by following this guide: http://www.jotform.com/help/252-How-to-Add-a-Widget-to-your-Form.

    After that, make sure to get a fresh copy of your embed code in the form builder.

    Google Map Malfunctioning again Image 1 Screenshot 20

    Do let us know if that works. Make sure to remove the previous scripts to avoid conflicting with the new one you are re-embedding.

  • COREVI
    Replied on October 26, 2015 at 11:14 AM

    Hello, I think you are misunderstanding the function of the Google Map. On my form I have an invisible field called Geolocation. The user clicks on the map where a fish was removed and that value is represented in the entry Geolocation. The coding was customized by you guys for me, and the form works great. But I went in to edit choices on one of the questions and copied the map code but the new version does not work.

     

    There are no widgets that work for me, this has to be done this way. Right now if you go to the form it is working because I deleted the changes. I am trying to make it work with the new form.

  • Charlie
    Replied on October 26, 2015 at 1:11 PM

    Hi,

    Did you edit your form again and reverted back to the original form's state?

    When you edited the form, the input fields and the IDs changed.

    Please make sure that changes in your form in the form builder is final, we can then adjust the script that you are using. In your end, here's how:

    1. First the section "Mark your DIVE LOCATION on the map!" section. Make sure also to add the id="googleMap" in the div element where the map will be loaded.

    Google Map Malfunctioning again Image 1 Screenshot 20

    2. After that, paste your custom script at the top.

     

    I'm not sure if you have finalized your form because the ID numbers changed in my end when I copied I again your form. Please make sure that you have finalized your form before copying the full source again from the form builder.

    Here's a sample of the changes I made: https://shots.jotform.com/charlie/thread689459/thread689459_google_map.html.

    Do let us know if that works.