JSFiddle - React, Tailwind, and code Playground

by ipan ridha

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(13);
    map.setCenter(marker.getPosition());
	});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBs4whEtOsDLUbn-Stqx0qvQzpT_QoekNo&callback=myMap"></script>
</body>
</html>