diff --git a/src/components/my-map/index.ts b/src/components/my-map/index.ts
index 1639de2c..3f1d79e7 100644
--- a/src/components/my-map/index.ts
+++ b/src/components/my-map/index.ts
@@ -9,7 +9,7 @@ import { Vector as VectorLayer } from "ol/layer";
 import Map from "ol/Map";
 import { fromLonLat, transformExtent } from "ol/proj";
 import { Vector as VectorSource } from "ol/source";
-import { Circle, Fill, Stroke, Style } from "ol/style";
+import { Circle, Fill, Stroke, Style, Icon } from "ol/style";
 import View from "ol/View";
 import { last } from "rambda";
 
@@ -35,6 +35,9 @@ import {
 } from "./snapping";
 import { AreaUnitEnum, fitToData, formatArea, hexToRgba } from "./utils";
 import styles from "./styles.scss";
+import pinUrl from "./pin.svg";
+
+type MarkerImageEnum = "circle" | "pin";
 
 @customElement("my-map")
 export class MyMap extends LitElement {
@@ -147,6 +150,9 @@ export class MyMap extends LitElement {
   @property({ type: Boolean })
   useScaleBarStyle = false;
 
+  @property({ type: String })
+  markerImage: MarkerImageEnum = "circle";
+
   // set class property (map doesn't require any reactivity using @state)
   map?: Map;
 
@@ -448,6 +454,22 @@ export class MyMap extends LitElement {
       });
     }
 
+    const markerCircle = new Circle({
+      radius: 9,
+      fill: new Fill({ color: this.markerColor }),
+    });
+
+    const markerPin = new Icon({ src: pinUrl });
+
+    const markerImage = () => {
+      switch (this.markerImage) {
+        case "circle":
+          return markerCircle;
+        case "pin":
+          return markerPin;
+      }
+    };
+
     // show a marker at a point
     if (this.showMarker) {
       const markerPoint = new Point(
@@ -457,12 +479,7 @@ export class MyMap extends LitElement {
         source: new VectorSource({
           features: [new Feature(markerPoint)],
         }),
-        style: new Style({
-          image: new Circle({
-            radius: 9,
-            fill: new Fill({ color: this.markerColor }),
-          }),
-        }),
+        style: new Style({ image: markerImage() }),
       });
 
       map.addLayer(markerLayer);
diff --git a/src/components/my-map/pin.svg b/src/components/my-map/pin.svg
new file mode 100644
index 00000000..7fe6abb2
--- /dev/null
+++ b/src/components/my-map/pin.svg
@@ -0,0 +1,3 @@
+<svg width="22px" height="30px" viewBox="0 0 27 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5007 0.583374C6.5669 0.583374 0.958984 6.19129 0.958984 13.125C0.958984 16.2425 1.85482 19.163 3.48523 21.7967C5.18732 24.5559 7.4269 26.9209 9.1469 29.68C9.98898 31.0238 10.5982 32.278 11.2432 33.7292C11.709 34.7146 12.0852 36.4167 13.5007 36.4167C14.9161 36.4167 15.2923 34.7146 15.7402 33.7292C16.4032 32.278 16.9944 31.0238 17.8365 29.68C19.5565 26.9388 21.7961 24.5738 23.4982 21.7967C25.1465 19.163 26.0423 16.2425 26.0423 13.125C26.0423 6.19129 20.4344 0.583374 13.5007 0.583374ZM13.5007 18.0521C11.0282 18.0521 9.02148 16.0455 9.02148 13.573C9.02148 11.1005 11.0282 9.09379 13.5007 9.09379C15.9732 9.09379 17.9798 11.1005 17.9798 13.573C17.9798 16.0455 15.9732 18.0521 13.5007 18.0521Z" fill="black"/>
+</svg>