title: Add marker on geojson data layer in google maps
body: <p>I have loaded geojson layer to google maps using the following code</p>
  
  <pre><code>map.data.loadGeoJson(
    'http://localhost/pssp/assets/geojson/Empanel_Area_2019.geojson');
     map.data.setStyle({
       fillColor: 'red',
       strokeColor: 'red',
       strokeWeight: 1
     });
  )
  </code></pre>
  
  <p>When I try to add a marker on the data layer on the click event it will get added outside the data layer but not inside. how can I add a marker in side the polygons in the data layer.</p>
  
  <p>I used the following code to add a marker on click event</p>
  
  <pre><code>google.maps.event.addListener(map, 'click', function(event) {
     placeMarker(event.latLng);
  });
  
  function placeMarker(location) {
      var marker = new google.maps.Marker({
          position: location, 
          map: map
      });
  }
  </code></pre>