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(46.779231, 6.659431);
    /*
        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****************/

    //création et placement du marqueur
    var marqueur = new google.maps.Marker({
        position: new google.maps.LatLng(44.1264415, 4.8036921),
	map: carte // la variable js représentant la carte
    });

    /********************************************/
}

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