如何在Google地图上创建一个围绕用户位置(蓝点)的圆圈？我正在创建一个Geofence应用程序

// 创建地图
var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644},
  zoom: 8
});

// 获取用户位置
navigator.geolocation.getCurrentPosition(function(position) {
  var userLatLng = {
    lat: position.coords.latitude,
    lng: position.coords.longitude
  };

  // 在地图上标记用户位置
  var marker = new google.maps.Marker({
    position: userLatLng,
    map: map,
    title: 'User Location'
  });

  // 创建圆圈
  var circle = new google.maps.Circle({
    center: userLatLng,
    radius: 1000, // 半径为1000米
    fillColor: 'rgba(0, 0, 255, 0.3)', // 填充颜色为蓝色，透明度为0.3
    strokeColor: 'blue', // 边框颜色为蓝色
    strokeWeight: 2 // 边框宽度为2像素
  });

  // 将圆圈添加到地图上
  circle.setMap(map);
});