Embed Code Not working with Google places API | Community
Skip to main content
Ravi_Ansal2
Ravi_Ansal2
Level 5
June 16, 2015
Solved

Embed Code Not working with Google places API

  • June 16, 2015
  • 1 reply
  • 6642 views

Hi,

I have created a Code to auto complete the Company name using Google Location.

Refer Below but it is not working can you help me with the issue:

<script src="//app-sj04.marketo.com/js/forms2/js/forms2.min.js"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>

<form id="mktoForm_1627"></form>

<script>

MktoForms2.loadForm("//app-sj04.marketo.com", "023-STC-548", 1627,

function(form)

{

    var formEl = form.getFormElem()[0];

    var companyField = formEl.querySelector('INPUT[name="Company Name"]');

 

    var defaultBounds = new google.maps.LatLngBounds(

      new google.maps.LatLng(-90,-180),

      new google.maps.LatLng(90,180)

    );

   

    var options = {

        bounds: defaultBounds,

        types: ['establishment']

    };

    autocomplete = new google.maps.places.Autocomplete(companyField, options);

   

    google.maps.event.addListener(autocomplete, 'place_changed', function() {

        // shorten object to just name

        acCompanyName = autocomplete.getPlace().name;

        companyField.value = acCompanyName;   

       

        // just for fun, fill website too

        acWebsite = autocomplete.getPlace().website;

        if (acWebsite) websiteField.value = acWebsite;  

  });   

});       

</script>

and also what is difference between Field and name in Marketo?

Message was edited by: Ravi Ansal

Best answer by SanfordWhiteman

Hi @Sanford Whiteman​,

I did not know that it was your code, Thank you very much for this.

it worked for me as well . But just one more question, Can I get the full address, city and state and though in Hidden fields.

And again Thanks a Ton. 


Those are additional fields on the autocomplete object.  MktoForms2 :: Google Places Autocomplete is updated to show how to retrieve those values, at least for US addresses.  You can do whatever you want with the values.

1 reply

John_M
Adobe Employee
John_MAdobe Employee
Adobe Employee
June 16, 2015

Ravi

In order to do something when the form loads, you would use the "loadForm" function in the Forms 2.0 API. Check out the forms 2.0 Documentation, Examples and API.

MktoForms2.loadForm("//app-pod.marketo.com", "123-xxx-567", 1057, function(form) {

  // Call your code here to populate the company field

});

Ravi_Ansal2
Ravi_Ansal2Author
Level 5
June 16, 2015

Hi @John Mattos​,

I think i am doing it right. But the value on the field is not populating.

Can you help me with that.

SanfordWhiteman
SanfordWhiteman
Level 10
June 16, 2015

Ravi, it appears you are using my code from MktoForms2 :: Google Places Autocomplete (you really should attribute it instead of saying you "created a code").

Obviously the demo works, so there is something wrong with how you're plugging it in.  Please provide your actual URL so we can see.

Re: "difference between field and name," every Marketo field has an "API name" which is the name you'll see if you inspect the form field and thus the name we always work with on the browser side.

Terms & ConditionsAccessibility statement

Loading footer...