diff --git a/client/public/images/pin.svg b/client/public/images/pin.svg
new file mode 100644
index 00000000..b5d3be29
--- /dev/null
+++ b/client/public/images/pin.svg
@@ -0,0 +1,4 @@
+
+<svg width="22" height="27" viewBox="0 0 22 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3289 25.0719L10.4127 25.1198L10.4462 25.1389C10.5792 25.2108 10.728 25.2485 10.8792 25.2485C11.0303 25.2485 11.1791 25.2108 11.3121 25.1389L11.3456 25.121L11.4306 25.0719C11.899 24.7941 12.356 24.4977 12.8006 24.1833C13.9515 23.3707 15.0269 22.4561 16.0136 21.4505C18.3417 19.0674 20.7595 15.4867 20.7595 10.8798C20.7595 8.25948 19.7186 5.74652 17.8658 3.89371C16.013 2.0409 13.5 1 10.8798 1C8.25948 1 5.74653 2.0409 3.89371 3.89371C2.0409 5.74652 1 8.25948 1 10.8798C1 15.4855 3.41904 19.0674 5.74587 21.4505C6.73222 22.456 7.80718 23.3707 8.95769 24.1833C9.40266 24.4977 9.86009 24.7942 10.3289 25.0719ZM10.8798 14.4724C11.8326 14.4724 12.7464 14.0939 13.4201 13.4201C14.0939 12.7464 14.4724 11.8326 14.4724 10.8798C14.4724 9.92692 14.0939 9.01312 13.4201 8.33937C12.7464 7.66562 11.8326 7.28711 10.8798 7.28711C9.92693 7.28711 9.01312 7.66562 8.33937 8.33937C7.66562 9.01312 7.28712 9.92692 7.28712 10.8798C7.28712 11.8326 7.66562 12.7464 8.33937 13.4201C9.01312 14.0939 9.92693 14.4724 10.8798 14.4724Z" fill="#EFB82A" stroke="white" stroke-width="2"/>
+</svg>
diff --git a/client/src/containers/map/index.tsx b/client/src/containers/map/index.tsx
index 10f5d9d0..40f4f294 100644
--- a/client/src/containers/map/index.tsx
+++ b/client/src/containers/map/index.tsx
@@ -2,9 +2,10 @@
 
 import { useCallback, useMemo, useState } from 'react';
 
-import { LngLatBoundsLike, MapLayerMouseEvent, useMap } from 'react-map-gl';
+import { LngLatBoundsLike, MapLayerMouseEvent, useMap, Marker } from 'react-map-gl';
 
 import dynamic from 'next/dynamic';
+import Image from 'next/image';
 import { useParams, usePathname, useRouter } from 'next/navigation';
 
 import bbox from '@turf/bbox';
@@ -26,6 +27,7 @@ import Controls from '@/components/map/controls';
 import SettingsControl from '@/components/map/controls/settings';
 import ZoomControl from '@/components/map/controls/zoom';
 import { CustomMapProps } from '@/components/map/types';
+import { Tooltip, TooltipTrigger, TooltipContent } from '@/components/ui/tooltip';
 
 const LayerManager = dynamic(() => import('@/containers/map/layer-manager'), {
   ssr: false,
@@ -290,6 +292,35 @@ export default function MapContainer() {
             <LayerManager />
 
             <MapSettingsManager />
+            <Marker latitude={17.143622599404814} longitude={96.0012404711645} anchor="bottom">
+              <Tooltip delayDuration={100}>
+                <TooltipTrigger className="flex items-center justify-center rounded-full p-2">
+                  <Image src="/images/pin.svg" alt="AFoCO RETC" width={19.76} height={24.25} />
+                </TooltipTrigger>
+
+                <TooltipContent className="max-w-[200px] p-2">
+                  <p className="text-xs text-yellow-900">AFoCO RETC</p>
+                </TooltipContent>
+              </Tooltip>
+            </Marker>
+            <Marker latitude={37.52292545640524} longitude={126.92946965767372} anchor="bottom">
+              <Tooltip delayDuration={100}>
+                <TooltipTrigger className="flex items-center justify-center rounded-full p-2">
+                  <Image
+                    src="/images/pin.svg"
+                    alt="Asian Forest Cooperation Organization (AFoCO)"
+                    width={19.76}
+                    height={24.25}
+                  />{' '}
+                </TooltipTrigger>
+
+                <TooltipContent className="max-w-[200px] p-2">
+                  <p className="text-xs text-yellow-900">
+                    Asian Forest Cooperation Organization (AFoCO)
+                  </p>
+                </TooltipContent>
+              </Tooltip>
+            </Marker>
 
             <Legend />