Google address autocomplete #162

ramonsimon · 2022-02-07T15:06:29Z

ramonsimon
Feb 7, 2022

I'm trying to make this work in the Modal:

But when I add the code to the modal it doesn't open anymore:

HTML

<head>
  ...
  <script src="https://maps.googleapis.com/maps/api/js?key=mykey&libraries=places"></script>
  ...
</head>
<body>
  ...
  <input id="searchTextField" type="text" size="50">
  ...
</body>

Javascript:

<script>
function initialize() {
  var input = document.getElementById('searchTextField');
  new google.maps.places.Autocomplete(input);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

Answered by ramonsimon

Feb 7, 2022

Fix: use alphine
<div x-data="{}" x-init="function initialize() { var input = document.getElementById('searchTextField'); new google.maps.places.Autocomplete(input); }"></div>

View full answer

ramonsimon · 2022-02-07T22:36:30Z

ramonsimon
Feb 7, 2022
Author

Fix: use alphine
<div x-data="{}" x-init="function initialize() { var input = document.getElementById('searchTextField'); new google.maps.places.Autocomplete(input); }"></div>

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Google address autocomplete #162

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment

{{title}}

Select a reply

Google address autocomplete #162

ramonsimon Feb 7, 2022

Replies: 1 comment

ramonsimon Feb 7, 2022 Author

ramonsimon
Feb 7, 2022

ramonsimon
Feb 7, 2022
Author