Ajouter un élément avec append et une class
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:
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:
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
}); |
