渲染以位置为中心的Google地图OverlayView

Question

我需要渲染以特定位置为中心的按钮，现在我正在使用OverlayView渲染按钮。

    <OverlayView
      position={north}
      mapPaneName={OverlayView.OVERLAY_MOUSE_TARGET}
    >
      <MapContextButton
        onClick={e => {
          e.preventDefault();
          console.log('click');
        }}
      />
    </OverlayView>

它会产生以下结果，将叠加层的左上角呈现在北点上。有没有一种方法可以使其以位置为中心进行渲染？

Answer 1

我能够通过为图标设置锚定位置的标记来解决此问题

          <Marker
            position={north}
            icon={{
              url: MapContextIcon,
              anchor: new window.google.maps.Point(16, 16),
            }}
            onClick={() => {
              setIsPopoverOpen(!isPopoverOpen);
            }}
          />