---
title: "FormattedSection | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Class FormattedSection

##### Index

### Constructors[](#constructors)

[constructor](#constructor)

### Properties[](#properties)

[fontStack](#fontstack) [image](#image) [scale](#scale) [text](#text) [textColor](#textcolor) [verticalAlign](#verticalalign)

## Constructors[](#constructors-1)

### constructor[](#constructor)

-   new FormattedSection(  
        text: string,  
        image: [ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/) | null,  
        scale: number | null,  
        fontStack: string | null,  
        textColor: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/) | null,  
        verticalAlign: "top" | "bottom" | "center" | null,  
    ): FormattedSection[](#constructorformattedsection)
    
    #### Parameters
    
    -   text: string
    -   image: [ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/) | null
    -   scale: number | null
    -   fontStack: string | null
    -   textColor: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/) | null
    -   verticalAlign: "top" | "bottom" | "center" | null
    
    #### Returns FormattedSection
    

## Properties[](#properties-1)

### fontStack[](#fontstack)

fontStack: string | null

### image[](#image)

image: [ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/) | null

### scale[](#scale)

scale: number | null

### text[](#text)

text: string

### textColor[](#textcolor)

textColor: [Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/) | null

### verticalAlign[](#verticalalign)

verticalAlign: "top" | "bottom" | "center" | null