在gmap图上单击绘制的圆

// 创建地图
var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 37.7749, lng: -122.4194}, // 地图中心点的经纬度
  zoom: 12 // 地图缩放级别
});

// 创建圆形
var circle;

// 监听地图的单击事件
map.addListener('click', function(event) {
  // 移除之前的圆形
  if (circle) {
    circle.setMap(null);
  }

  // 创建新的圆形
  circle = new google.maps.Circle({
    center: event.latLng, // 圆心的经纬度
    radius: 1000, // 圆的半径（单位：米）
    strokeColor: '#FF0000', // 圆的边框颜色
    strokeOpacity: 0.8, // 圆的边框透明度
    strokeWeight: 2, // 圆的边框宽度
    fillColor: '#FF0000', // 圆的填充颜色
    fillOpacity: 0.35, // 圆的填充透明度
    map: map // 圆所在的地图对象
  });
});