# CanvasSource

扩展图像源

包含 HTML 画布内容的数据源。有关选项的详细文档，请参阅[CanvasSourceOptions][269]。

# Parameters

id string
options 画布来源规范
dispatcher 调度员
eventedParent 事件发生

# Examples

// add to map
map.addSource('some id', {
   type: 'canvas',
   canvas: 'idOfMyHTMLCanvas',
   animate: true,
   coordinates: [
       [-76.54, 39.18],
       [-76.52, 39.18],
       [-76.52, 39.17],
       [-76.54, 39.17]
   ]
});

// update
var mySource = map.getSource('some id');
mySource.setCoordinates([
    [-76.54335737228394, 39.18579907229748],
    [-76.52803659439087, 39.1838364847587],
    [-76.5295386314392, 39.17683392507606],
    [-76.54520273208618, 39.17876344106642]
]);

map.removeSource('some id');  // remove

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

# play

启用动画。图像将从画布复制到每一帧的地图。

# pause

禁用动画。地图将显示画布图像的静态副本。

# getCanvas

返回 HTMLcanvas元素。

返回**HTMLCanvasElement**HTMLcanvas元素。

# setCoordinates

设置画布的坐标并重新渲染地图。

# Parameters

coordinates **Array< Array< number>>**四地理坐标，表示为经度和纬度的数字阵列，它定义了画布的角上。坐标从画布的左上角开始并按顺时针顺序进行。它们不必表示一个矩形。

返回**[CanvasSource][270]**这个

← CanvasSourceOptions GeoJSONSource →