Discussion :

[pierrot10]

Bonjour à tous,

J'inclus l'api de google map de cette manière

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
 
var script = document.createElement("script");
		script.src = "http://maps.google.com/maps/api/js?v=3.7&sensor=true&callback=googleMapsReady";
		script.type = "text/javascript";
		document.getElementsByTagName("head")[0].appendChild(script);
 
		script.addEventListener("error", function(e) {
    		googleMapsState = "error";
			console.log('Googlemap Api loading error');
		}, false);

Simplement, dans certain cas, je dois la charger si elle ne l'a pas été.

Comment puis-je controler si le script ci-dessus à déjà été chargé ou pas, et le charger et conséquence. En d'autre de mots, de savoir s'il est se trouve deja dans la balise <script> pour ne pas avoir ce message d'erreur

Warning: you have included the Google Maps API multiple times on this page. This may cause unexpected errors.

Aussi, si je perts la connection, y a il un moyen pour qu'il soit "effacer" ou commenter?

Milles mercis

[Eric2a]

Salut,

Tu peux identifier la balise à l'aide de l'attribut id...

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
17
18
19
20
function loadAPI(){
	if(document.getElementById('monAPI'))return; // Retour si l'ID est trouvé
 
	var script = document.createElement("script");
	script.src = "http://maps.google.com/maps/api/js?v=3.7&sensor=true&callback=googleMapsReady";
	script.type = "text/javascript";
 
	script.id = 'monAPI'; // Identifie la balise
 
	document.getElementsByTagName("head")[0].appendChild(script);
 
	script.addEventListener(
		"error",
		function(e) {
			script.id = ''; // Supprime l'identifiant
			googleMapsState = "error";
			console.log('Googlemap Api loading error');
		}, false
	);
}

[pierrot10]

Ha ben oui,

J'ai donc corrigé comme ceci:

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
 
if($('#googleAPI').length == 0){
 
			this.googleMapsState = "loading";
 
			var script = document.createElement("script");
			script.src = "http://maps.google.com/maps/api/js?v=3.7&sensor=true&callback=googleMapsReady";
			script.type = "text/javascript";
			script.id = 'googleAPI';
			document.getElementsByTagName("head")[0].appendChild(script);
 
			script.addEventListener("error", function(e) {
				googleMapsState = "error";
				console.log('Googlemap Api loading error');
			}, false);
		}

Es-ce que je pourrais faire mieux?

Merci

[Eric2a]

On peux aussi tester l'existence de l'objet (je n'en connais pas le nom) de l'application en mémoire.

Code :

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

if(typeof NOM_OBJET=='undefined') // Chargement du script

[pierrot10]

ok merci,

je pense alors que ca serait mieux d'utiliser

Code :

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

if(typeof $('#googleAPI')=='undefined') // Chargement du script

au lieu de

Code :

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

1
2
 
if($('#googleAPI').length == 0){

?

merci pour tes réponses...

[NoSmoking]

Bonjour,
pourquoi ne pas faire simplement, un peu comme te la suggéré Eric2a

Code :

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

1
2
3
if( !window.google){
  // chargement du script
}

Simplement, dans certain cas, je dois la charger si elle ne l'a pas été.

je dois admettre que je ne saisi pas comment cela se peut!

[Watilin]

On peux aussi tester l'existence de l'objet (je n'en connais pas le nom) de l'application en mémoire.

Code :

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

if(typeof NOM_OBJET=='undefined') // Chargement du script

Il y a une forme à la fois plus efficace et plus claire, ce serait dommage de s'en priver

Code :

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

if (NOM_OBJET === undefined) // Chargement du script