maps autocomplete place changed event

• mc_gee

• July 18, 2018 at 2:56 am

Hi there,
Im trying to add a listener to the “place_changed” event of the autocomple of the maps field.
For now i have no clue where to start, i knoe there is a action hook for the map init but i cant get the data out of the autocompletion after its changed.
Has anyone a idea how to go over that?

Greets from vienna
Gerhard

• HQ80

• August 3, 2018 at 8:42 pm

I’m not sure how far you’ve got with this but this works for me.

acf.add_action('google_map_init', function( map, marker, $field ){

  // map (object) google map object returned by the google.maps.Map() function
  // marker (object) marker object returned by the google.maps.Marker() function
  // $field (jQuery) field element

  var autocomplete = new google.maps.places.Autocomplete( $field.find('.search')[0] );

  autocomplete.addListener('place_changed', function(e) {

    var place = autocomplete.getPlace();

    // your code here...

  });

});