JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<div id="map" style="width:100%;height:500px"></div>
<script>
function myMap() {
  var Center = new google.maps.LatLng(5.1718862,97.0375951);
  var Canvas = document.getElementById("map");
  var Options = {center: Center, zoom: 5};
  var map = new google.maps.Map(Canvas, Options);
  var marker = new google.maps.Marker({position:Center});
  marker.setMap(map); 
  google.maps.event.addListener(marker,'click',function() {
    map.setZoom(15);
    map.setCenter(marker.getPosition());
    });
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBs4whEtOsDLUbn-Stqx0qvQzpT_QoekNo&callback=myMap"></script>
</body>
</html>