Рендеринг карт 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);
            }}
          />