JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<br>
Click on map (except marker) to hide markers
<br><br>
<div id="map_canvas"></div>

CSS

html, body, #map_canvas { margin: 0; padding: 0; height: 100% }

JavaScript

var map;
      var markers = {};
      var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP };

      function initialize() {
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        n = 1234;
        markers[n] = new google.maps.Marker({
          map: map,
          position: new google.maps.LatLng(0,0)
        });

        s = '2234'
        markers[s] = new google.maps.Marker({
          map: map,
          position: new google.maps.LatLng(20,0)
        });

        google.maps.event.addListener(map, 'click', function(event) {
          k = 1234;
          markers[k].setMap(null);
          markers['2234'].setMap(null);
        });
      }

      google.maps.event.addDomListener(window, 'load', initialize);