Autocomplete dans une meme page

Bonjour j'ai un petit problème.

J’essaie d’intégrer une carte Google Maps et un formulaire avec le pré-remplissage des adresses Google autocomplete.

Chacun des scripts sur des pages séparées fonctionne sans problème, mais en les mettant sur la meme page la console m'indique : You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.

Voci mes appels à google :

Code:

---

1 2 3

<script async defer src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&callback=initMap"> </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&libraries=places&callback=initAutocomplete"></script>

---

Est ce que que vous auriez une solution simple parce que là vraiment je nage?

Après plusieurs de recherches et de test:

j'ai trouvé une solution un peu sale, mais qui fonctionne.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script> function initMap() { ... //params de la carte } </script>   <script> function initAutocomplete() { //params d'autocomplete ... ... initMap(); //<------------ on inclut la fonction de generation de la carte } </script>

---

et failt l'appel en une seule fois:

Code:

---

1 2 3

<script> async defer src="https://maps.googleapis.com/maps/api/js?key=XXXXX&libraries=places&callback=initAutocomplete"> </script>

---

Attention ca marche en mettant initMap dans initAutoComplete mais pas l'inverse.

Je ne mets pas résolu car j'aimerais bien un solution un peu plus propre.