Discussion :

[mac79]

bonjour,

j'essais d'afficher une map dans un bot mais je bloque sur un probleme tout bête.
Quand je fais mon append pour une div avec un id ca marche parfaitement, mais quand je le remplace par un class="" ca me renvoie un code erreur dont je ne trouve pas la solution. (si je veux utiliser class a la place de id c'est parceque dans la fenêtre du chatbot je veux qu'a chaque question il affiche une nouvelle carte sans effacer l'ancienne)

ps : je precise que j'ai bien modifié mon css.

code avec id qui marche :

Code :

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

1
2
3
4
5
6
7
8
 
	        	$("#chatBot").append('<div id="map" style="position: relative; overflow: hidden;"></div>');
	            	var data = get_data["data_lat"];
	            	var data_lng = get_data["data_lng"];
	            	map = new google.maps.Map(document.getElementById('map'), {
	            		center: {lat: data, lng: data_lng},
	            		zoom: 8
	            });

code avec class qui bug (erreur : Uncaught (in promise) TypeError: Cannot read property 'defaultView' of undefined)

Code :

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

1
2
3
4
5
6
7
8
 
	        	$("#chatBot").append('<div class="map" style="position: relative; overflow: hidden;"></div>');
	            	var data = get_data["data_lat"];
	            	var data_lng = get_data["data_lng"];
	            	map = new google.maps.Map(document.getElementsByClassName('map'), {
	            		center: {lat: data, lng: data_lng},
	            		zoom: 8
	            });

[SpaceFrog]

Code :

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

document.getElementsByClassName('map')[0]

[javatwister]

getElementsByClassName() renvoie un tableau, pas un élément...;

[mac79]

merci pour votre aide ca m'affiche bien meme si ca ne résoud pas mon probleme d'afficher une nouvelle carte pour un deuxième input mais je vais chercher

[SpaceFrog]

Boucle sur la collection ...