JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<a href='http://pt.stackoverflow.com/q/58252/1344'>Questão no Stackoverflow</a>

<div id="map-canvas"></div>
<div class='coordenadas'></div>

CSS

#map-canvas{
height: 420px; 
width: 480px;
}

JavaScript

function initialize() {
  var mapOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-14.264383087562635, -53.61328125),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

  var areaAfetada;

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  // Coordenadas que formam a área onde tem homicidios.
  var homicidioCoords = [
    new google.maps.LatLng(-9.86062814536589, -50.25146484375),
    new google.maps.LatLng(-9.384032109601689, -56.75537109375),
    new google.maps.LatLng(-12.876069959946493, -57.041015625),
    new google.maps.LatLng(-14.477234210156507, -54.0087890625),
    new google.maps.LatLng(-13.26133317079826, -50.64697265625),
    new google.maps.LatLng(-9.86062814536589, -50.25146484375),
  ];

  // Constrói o desenho.
  areaAfetada = new google.maps.Polygon({
    paths: homicidioCoords,
    strokeColor: '#FF0000',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#FF0000',
    fillOpacity: 0.35
  });

  areaAfetada.setMap(map);
    
  /* Evento para pegar a coordenada no mapa clicando com o botão direito do mouse */    
  google.maps.event.addListener(map, "rightclick", function(event) {
     var lat = event.latLng.lat();
     var lng = event.latLng.lng();
     $('.coordenadas').html("Latitude=" + lat + "<br> Longitude=" + lng);
  });
}

initialize();