Discussion :

[Cheorches]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[Cheorches]

Après plusieurs de recherches et de test:

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.