Skip to main content

<Pin> Component

The Pin component can be used to customize the appearance of an AdvancedMarker component.

Usage​

const CustomizedMarker = () => (
  <AdvancedMarker position={{lat: 53.54992, lng: 10.00678}}>
    <Pin background={'#FBBC04'} glyphColor={'#000'} borderColor={'#000'} />
  </AdvancedMarker>
);

Props​

The PinProps type mirrors the google.maps.PinElementOptions interface and includes all possible options available for a Pin Element instance.