diff --git a/modelina-website/src/components/contexts/PlaygroundContext.tsx b/modelina-website/src/components/contexts/PlaygroundContext.tsx
index 10a4cda926..c513634783 100644
--- a/modelina-website/src/components/contexts/PlaygroundContext.tsx
+++ b/modelina-website/src/components/contexts/PlaygroundContext.tsx
@@ -63,6 +63,7 @@ export const PlaygroundContextProvider: React.FC<{ children: React.ReactNode; }>
     tsMarshalling: false,
     tsModelType: 'class',
     tsEnumType: 'enum',
+    tsMapType: 'map',
     tsModuleSystem: 'CJS',
     tsIncludeDescriptions: false,
     tsIncludeExampleFunction: false,
diff --git a/modelina-website/src/components/playground/Playground.tsx b/modelina-website/src/components/playground/Playground.tsx
index a078dd7d9c..7efb15fc00 100644
--- a/modelina-website/src/components/playground/Playground.tsx
+++ b/modelina-website/src/components/playground/Playground.tsx
@@ -86,6 +86,9 @@ const Playground: React.FC<ModelinaPlaygroundProps> = (props) => {
     if (query.tsEnumType !== undefined) {
       setConfig({ ...config, tsEnumType: query.tsEnumType as any });
     }
+    if (query.tsMapType !== undefined) {
+      setConfig({ ...config, tsMapType: query.tsMapType as any });
+    }
     if (query.tsIncludeDescriptions !== undefined) {
       setConfig({ ...config, tsIncludeDescriptions: query.tsIncludeDescriptions === 'true' });
     }
diff --git a/modelina-website/src/components/playground/options/TypeScriptGeneratorOptions.tsx b/modelina-website/src/components/playground/options/TypeScriptGeneratorOptions.tsx
index 240f5e918a..0e3b9c3889 100644
--- a/modelina-website/src/components/playground/options/TypeScriptGeneratorOptions.tsx
+++ b/modelina-website/src/components/playground/options/TypeScriptGeneratorOptions.tsx
@@ -35,6 +35,10 @@ const TypeScriptGeneratorOptions: React.FC<TypeScriptGeneratorOptionsProps> = ({
     setNewConfig && setNewConfig('tsEnumType', enumType);
   };
 
+  const onChangeMapType = (mapType: string) => {
+    setNewConfig && setNewConfig('tsMapType', mapType);
+  };
+
   const onChangeIncludeJsonBinPack = (event: React.ChangeEvent<HTMLInputElement>) => {
     if (setNewConfig) {
       const shouldIncludeMarshalling = context?.tsMarshalling === false && event.target.checked === true;
@@ -101,6 +105,30 @@ const TypeScriptGeneratorOptions: React.FC<TypeScriptGeneratorOptionsProps> = ({
           />
         </label>
       </li>
+      <li className="flex gap-1 items-center">
+        <InfoModal text='TypeScript map type: ' >
+          <p>
+            It indicates which type should be rendered for some map type. Its value can be either map, indexedObject, or record.
+            <br /> <br />
+            The default value is map.
+          </p>
+        </InfoModal>
+        <label className="flex flex-grow gap-1 items-center py-2 justify-between cursor-pointer">
+          <span className="mt-1 max-w-2xl text-sm text-gray-500">
+            TypeScript map type
+          </span>
+          <Select
+            options={[
+              { value: 'indexedObject', text: 'Indexed Object' },
+              { value: 'map', text: 'Map' },
+              { value: 'record', text: 'Record' }
+            ]}
+            value={context?.tsMapType}
+            onChange={onChangeMapType}
+            className="shadow-outline-blue cursor-pointer"
+          />
+        </label>
+      </li>
       <li className="flex gap-1 items-center">
         <InfoModal text='TypeScript module system: ' >
           <p>
diff --git a/modelina-website/src/helpers/GeneratorCode/TypeScriptGenerator.ts b/modelina-website/src/helpers/GeneratorCode/TypeScriptGenerator.ts
index 0e6c267ff7..00cc99c4b7 100644
--- a/modelina-website/src/helpers/GeneratorCode/TypeScriptGenerator.ts
+++ b/modelina-website/src/helpers/GeneratorCode/TypeScriptGenerator.ts
@@ -39,6 +39,10 @@ export function getTypeScriptGeneratorCode(
     optionString.push(`enumType: '${generatorOptions.tsEnumType}'`);
   }
 
+  if (generatorOptions.tsMapType) {
+    optionString.push(`mapType: '${generatorOptions.tsMapType}'`);
+  }
+
   if (generatorOptions.tsIncludeDescriptions === true) {
     optionStringPresets.push(`{
     preset: TS_DESCRIPTION_PRESET,
diff --git a/modelina-website/src/pages/api/functions/TypeScriptGenerator.ts b/modelina-website/src/pages/api/functions/TypeScriptGenerator.ts
index 79251726e2..2c7d7da5ff 100644
--- a/modelina-website/src/pages/api/functions/TypeScriptGenerator.ts
+++ b/modelina-website/src/pages/api/functions/TypeScriptGenerator.ts
@@ -66,6 +66,10 @@ export async function getTypeScriptModels(
     options.enumType = generatorOptions.tsEnumType as any;
   }
 
+  if (generatorOptions.tsMapType) {
+    options.mapType = generatorOptions.tsMapType as any;
+  }
+  
   if (generatorOptions.showTypeMappingExample) {
     options.typeMapping = {
       Integer: ({ dependencyManager }) => {
diff --git a/modelina-website/src/types/index.ts b/modelina-website/src/types/index.ts
index ff9a837491..77f4182ec6 100644
--- a/modelina-website/src/types/index.ts
+++ b/modelina-website/src/types/index.ts
@@ -27,6 +27,7 @@ export interface ModelinaTypeScriptOptions extends ModelinaGeneralOptions {
   tsMarshalling: boolean;
   tsModelType: 'class' | 'interface' | undefined;
   tsEnumType: 'union' | 'enum' | undefined;
+  tsMapType: 'indexedObject' | 'map' | 'record' | undefined;
   tsModuleSystem: 'ESM' | 'CJS' | undefined;
   tsIncludeDescriptions: boolean;
   tsIncludeJsonBinPack: boolean;
@@ -162,6 +163,7 @@ export interface ModelinaTypeScriptQueryOptions {
   tsMarshalling?: string;
   tsModelType?: string;
   tsEnumType?: string;
+  tsMapType?: string;
   tsIncludeDescriptions?: string;
   tsIncludeJsonBinPack?: string;
   tsIncludeExampleFunction?: string;