Custom Static Map Pin on Map Component

Pages
1

Hi, I am using import Map and GoogleMaps from “@yext/sites-components” in a React app using Yext Pages. I was wondering if there is way a way to create a custom static map pin, centered at a given lat-long, without using a search action. I currently just return my map centered at a given location.

 <Map
            apiKey={key}
            provider={GoogleMaps}
            defaultCenter={coordinate}
            defaultZoom={14}
            padding={{ top: 100, bottom: 200, left: 50, right: 50 }}
            className="w-full h-[250px]"
            >
  </Map>
2

Hi @Belle_Roberts

Have you check MapboxMap | Hitchhikers for perofrming for Custom Pin creation. It covers the same with Mapbox here but can be performed with Google Map also.

Hope it will help.