Erreur de script API 3.22

**informer** · 04/01/2016, 12h07

Bonjour à tous,

J'ai un objet ActiveX WebBrowser Access qui charge un fichier JavaScript qui permet d'afficher une liste de markers et d'attacher une infoWindow avec deux onglets (le 1er affiche des données et le 2d une streetview).

Le chargement de la carte GOOGLE MAPS, des markers et des infoWindows. => OK.
Le clic sur le 1er onglet. => Ok.

Par contre j'ai les erreurs de script ci-dessous, non bloquantes puisque le streetView apparait.

Au 1er appel de l'onglet streetView j'ai l'erreur de script suivante (une seule fois) :

Nom : infoWindows_tabStreetView_util.jpg
Affichages : 1537
Taille : 35,1 Ko

Puis à l'ouverture de chaque onglet streetView, j'ai l'erreur de script (autant de fois que j'ouvre un onglet streetView) :

Nom : infoWindows_tabStreetView_322.jpg
Affichages : 1430
Taille : 37,8 Ko

API et bibliothèques JQuery appelées :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<!-- saved from url=(0016)http://localhost -->
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow:hidden;">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Map</title>
<link href = "http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css " rel = "stylesheet" type="text/css"/>
<script type="text/javascript" src = "http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src = "http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&v=3.22"></script> 
<script type="text/javascript" src="utils.js"></script>

Code de la fonction de création d'un marker et de l'infoWindow associée :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
oMap.addMarker = function(lat,lng,msg,type)
{	if (oMap.map)
	{	var latlng = new google.maps.LatLng(lat,lng);
		switch (type)
		{	case 'H':
				var options =
				{	position: latlng,
					map: oMap.map,
					title: msg
				};
				break;
			case 'S':
				var options =
				{	position: latlng,
					map: oMap.map,
					icon: "http://chart.apis.google.com/chart?chst=d_map_spin&chld=1|0|B5FF33|11|b|Salle",
					title: msg
				};
				break;
		};	
		var marker = new google.maps.Marker(options);
		var contentMarker = 
		[	'<div id="InfoText">', 
				'<div class ="tabs">',	
					'<ul>', 
						'<li><a href="#tab1">General</a></li>',
						//'<li><a href="#tab2">Street View</a></li>',
						'<li><a href="#tab2" id="SV">Street View</a></li>',
					'</ul>', 
					'<div id="tab1">', 
						'<h3><b>' + options.title + '</h3></b>',
						'<p> Coordonnées GPS : ' + options.position  + '</p>',
					'</div>', 
					'<div id="tab2">',
						'<div id="pano"></div>', 
					'</div>',
				'</div>',
			'</div>'
		].join('');
 
		var infowindow = new google.maps.InfoWindow(
		{	content  : contentMarker,
			position : latlng
		});
 
		google.maps.event.addListener(marker, "click", function () {
        infowindow.open(this.getMap(), this);
		});
 
		var panoramaOptions = {
			position: marker.position
		};
		google.maps.event.addListener(infowindow, 'domready', function () {
			$(".tabs").tabs();
			$('#SV').click(function () {
				var panorama = new google.maps.StreetViewPanorama(document.getElementById("pano"), panoramaOptions);
				oMap.setStreetView(panorama);
			});
		});
 
		oMap.markers.push(marker);
	};

Merci par avance pour votre aide et bonjour chez vous.

**NoSmoking** · 07/01/2016, 19h06

Bonjour,

à ce jour il faut récupérer le code sur

Code :

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

<script src="http://maps.googleapis.com/maps/api/js"></script>

Pas assez de code pour en être sûr mais il semblerait que les ID de tes éléments ne soient pas UNIQUE si tu ouvres une nouvelle infoWindows à chaque fois.

Une page tes en ligne serait un plus.

**informer** · 08/01/2016, 10h09

Bonjour NoSmoking et merci pour ton aide.

J'ai changé l'URL de l'appel à l'API Google Maps par contre sur le commentaire de l'ID de l'infoWindow, je sèche comme un risotto à l'encre!

Pourrais-tu m'aider un peu plus SVP?

Bonjour chez vous

**informer** · 09/01/2016, 00h53

L'exemple en ligne http://monhost.hol.es/infoWindow/streetView.html .

**NoSmoking** · 09/01/2016, 15h58

...par contre sur le commentaire de l'ID de l'infoWindow, je sèche comme un risotto à l'encre!

je te propose cette petite séquence de test sur ta page http://monhost.hol.es/infoWindow/streetView.html.

Clique sur le marqueur Paris, l'infoWindow à onglets s'affiche
Clique sur le marqueur Lyon par exemple, l'infoWindow à onglets s'affiche
Clique sur l'onglet [Street View] de l'infoWindow liée à Paris

...
et "bizarrement" la Street View correspond à Lyon et non pas à Paris, c'est l'illustration de

il semblerait que les ID de tes éléments ne soient pas UNIQUE...

**informer** · 09/01/2016, 17h25

Chez moi ça s'affiche bien même s'il y a un petit temps de latence pour rafraîchir la streetView voir les copies d'écran

Nom : streetView_markers_Paris.jpg
Affichages : 1353
Taille : 94,6 Ko