Javascript 在google地图的geojson数据层上添加标记

我使用以下代码将geojson层加载到google地图

map.data.loadGeoJson(
  'http://localhost/pssp/assets/geojson/Empanel_Area_2019.geojson');
   map.data.setStyle({
     fillColor: 'red',
     strokeColor: 'red',
     strokeWeight: 1
   });
)

当我尝试在单击事件的数据层上添加一个标记时，它将被添加到数据层外部，而不是内部。如何在数据层的多边形中添加标记

我使用以下代码添加了一个单击事件标记

google.maps.event.addListener(map, 'click', function(event) {
   placeMarker(event.latLng);
});

function placeMarker(location) {
    var marker = new google.maps.Marker({
        position: location, 
        map: map
    });
}

---

还向数据层添加一个单击侦听器

map.data.addListener('click', function(event) {
  placeMarker(event.latLng);
});

代码片段：

#地图{
身高：100%；
}
html，
身体{
身高：100%；
保证金：0；
填充：0；
}
#信息框{
背景色：白色；
边框：1px纯黑；
底部：30px；
高度：20px；
填充：10px；
位置：绝对位置；
左：30px；
}

var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：{
拉丁语：-28，
液化天然气：137
}
});
//加载GeoJSON。
map.data.loadGeoJson（'https://storage.googleapis.com/maps-devrel/google.json');
//添加一些样式。
map.data.setStyle（函数（特性）{
return/**@type{google.maps.Data.StyleOptions}*/({
fillColor:feature.getProperty（'color'），
冲程重量：1
});
});
google.maps.event.addListener（映射，'click'，函数（事件）{
console.log（“在地图上：+event.latLng.toUrlValue（6））；
地点标记（事件标记）；
});
功能位置标记（位置）{
var marker=new google.maps.marker({
位置:位置,，
地图：地图
});
}
//为每个功能设置单击事件。
map.data.addListener（'click'，函数（事件）{
log（“在多边形上：+event.latLng.toUrlValue（6））；
地点标记（事件标记）；
});
}