JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id="map"></div>

CSS

#map{
    width: 450px;
    height: 400px;
}

JavaScript

var map;
var elevator;
var myOptions = {
    zoom: 6,
    center: new google.maps.LatLng(46.87916, -3.32910),
    mapTypeId: 'terrain'
};
map = new google.maps.Map($('#map')[0], myOptions);
var marker = new google.maps.Marker({
            map: map,
    position: new google.maps.LatLng(46.87916, -3.32910),
    draggable: true
});
google.maps.event.addListener(marker, 'dragend', function () {
console.log('dragend')
        });
    google.maps.event.addListener(map, 'click', function (evt) {
console.log('click')
});