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

# Interface SVGPointList

The **`SVGPointList`** interface represents a list of DOMPoint objects.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList)

interface SVGPointList {  
    [length](#length): number;  
    [numberOfItems](#numberofitems): number;  
    ["\[iterator\]"](#iterator-1)(): [ArrayIterator](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ArrayIterator/)<[DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)\>;  
    [appendItem](#appenditem-1)(newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/);  
    [clear](#clear-1)(): void;  
    [getItem](#getitem-1)(index: number): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/);  
    [initialize](#initialize-1)(newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/);  
    [insertItemBefore](#insertitembefore-1)(newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/), index: number): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/);  
    [removeItem](#removeitem-1)(index: number): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/);  
    [replaceItem](#replaceitem-1)(newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/), index: number): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/);  
    \[index: number\]: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/);  
}

#### Indexable

-   \[index: number\]: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    

##### Index

### Properties[](#properties)

[length](#length) [numberOfItems](#numberofitems)

### Methods[](#methods)

[\[iterator\]](#iterator) [appendItem](#appenditem) [clear](#clear) [getItem](#getitem) [initialize](#initialize) [insertItemBefore](#insertitembefore) [removeItem](#removeitem) [replaceItem](#replaceitem)

## Properties[](#properties-1)

### `Readonly`length[](#length)

length: number

The **`length`** read-only property of the SVGPointList interface returns the number of items in the list.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/length)

### `Readonly`numberOfItems[](#numberofitems)

numberOfItems: number

The **`numberOfItems`** read-only property of the SVGPointList interface returns the number of items in the list.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/numberOfItems)

## Methods[](#methods-1)

### \[iterator\][](#iterator)

-   "\[iterator\]"(): [ArrayIterator](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ArrayIterator/)<[DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)\>[](#iterator-1)
    
    #### Returns [ArrayIterator](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ArrayIterator/)<[DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)\>
    

### appendItem[](#appenditem)

-   appendItem(newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)[](#appenditem-1)
    
    The **`appendItem()`** method of the SVGPointList interface adds a DOMPoint to the end of the list.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/appendItem)
    
    #### Parameters
    
    -   newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    
    #### Returns [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    

### clear[](#clear)

-   clear(): void[](#clear-1)
    
    The **`clear()`** method of the SVGPointList interface removes all items from the list.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/clear)
    
    #### Returns void
    

### getItem[](#getitem)

-   getItem(index: number): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)[](#getitem-1)
    
    The **`getItem()`** method of the SVGPointList interface gets one item from the list at the specified index.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/getItem)
    
    #### Parameters
    
    -   index: number
    
    #### Returns [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    

### initialize[](#initialize)

-   initialize(newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)[](#initialize-1)
    
    The **`initialize()`** method of the SVGPointList interface clears the list then adds a single new DOMPoint object to the list.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/initialize)
    
    #### Parameters
    
    -   newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    
    #### Returns [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    

### insertItemBefore[](#insertitembefore)

-   insertItemBefore(newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/), index: number): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)[](#insertitembefore-1)
    
    The **`insertItemBefore()`** method of the SVGPointList interface inserts a DOMPoint before another item in the list.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/insertItemBefore)
    
    #### Parameters
    
    -   newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    -   index: number
    
    #### Returns [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    

### removeItem[](#removeitem)

-   removeItem(index: number): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)[](#removeitem-1)
    
    The **`removeItem()`** method of the SVGPointList interface removes a DOMPoint from the list.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/removeItem)
    
    #### Parameters
    
    -   index: number
    
    #### Returns [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    

### replaceItem[](#replaceitem)

-   replaceItem(newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/), index: number): [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)[](#replaceitem-1)
    
    The **`replaceItem()`** method of the SVGPointList interface replaces a DOMPoint in the list.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/SVGPointList/replaceItem)
    
    #### Parameters
    
    -   newItem: [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)
    -   index: number
    
    #### Returns [DOMPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMPoint/)