JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<!-- Le conteneur de notre carte -->
<div id="carte"></div>
<!-- Le script qui va créer notre carte -->
<!-- cf. onglets "script" -->

CSS

#carte { 
    height: 400px; 
    width: 500px;
}

JavaScript

function initialiser() {
    // Objet representant une coordonnée
    var latlng = new google.maps.LatLng(48.21109, 1.7191036);
    /*
        Objet contenant des propriétés avec des identificateurs 
        prédéfinis dans Google Maps permettant de définir des 
        options d'affichage de notre carte
    */
    var options = {
        center: latlng,
        zoom: 5,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    
    /*
        Constructeur de la carte qui prend en paramêtre le conteneur HTML
        dans lequel la carte doit s'afficher et les options
    */
    var carte = new google.maps.Map(document.getElementById("carte"), options);
    
 	/****************Nouveau code****************/
	
	//tableau contenant tous les marqueurs que nous créerons
	var tabMarqueurs = new Array();
	
	//notez la présence de l'argument "event" entre les parenthèses de "function()"
	google.maps.event.addListener(carte, 'click', function(event) {
		tabMarqueurs.push(new google.maps.Marker({
			position: event.latLng,//coordonnée de la position du clic sur la carte
			map: carte//la carte sur laquelle le marqueur doit être affiché
		}));
	});
			
	/********************************************/
}

// On lance l'initialisation de notre carte
initialiser();