如何缩放到google地图上的d3.js svg覆盖

<div id="map-container"></div>

// 创建自定义覆盖物类
function CustomOverlay(map, position) {
  this.map = map;
  this.position = position;
  this.div = null;
}

// 继承自Google地图的OverlayView类
CustomOverlay.prototype = new google.maps.OverlayView();

// 实现自定义覆盖物的初始化方法
CustomOverlay.prototype.onAdd = function() {
  var div = document.createElement('div');
  div.style.position = 'absolute';
  this.div = div;

  // 将自定义覆盖物的元素添加到地图上
  var panes = this.getPanes();
  panes.overlayLayer.appendChild(div);
};

// 实现自定义覆盖物的绘制方法
CustomOverlay.prototype.draw = function() {
  var overlayProjection = this.getProjection();
  var position = overlayProjection.fromLatLngToDivPixel(this.position);

  var div = this.div;
  div.style.left = position.x + 'px';
  div.style.top = position.y + 'px';
};

// 实现自定义覆盖物的移除方法
CustomOverlay.prototype.onRemove = function() {
  this.div.parentNode.removeChild(this.div);
  this.div = null;
};

// 创建SVG容器
var svgContainer = d3.select("#map-container")
  .append("svg")
  .attr("width", 200)
  .attr("height", 200);

// 在SVG容器中添加一个圆形
svgContainer.append("circle")
  .attr("cx", 100)
  .attr("cy", 100)
  .attr("r", 50)
  .style("fill", "red");

// 创建Google地图实例
var map = new google.maps.Map(document.getElementById('map-container'), {
  center: {lat: 37.7749, lng: -122.4194},
  zoom: 12
});

// 创建自定义覆盖物实例
var customOverlay = new CustomOverlay(map, map.getCenter());

// 将自定义覆盖物添加到地图上
customOverlay.setMap(map);