1 | goog.require('ol.geom.LineString');
|
2 | goog.require('ol.geom.Point');
|
3 | goog.require('ol.geom.Polygon');
|
4 | goog.require('ol.render');
|
5 | goog.require('ol.style.Circle');
|
6 | goog.require('ol.style.Fill');
|
7 | goog.require('ol.style.Stroke');
|
8 | goog.require('ol.style.Style');
|
9 |
|
10 |
|
11 | var canvas = document.getElementById('canvas');
|
12 | var vectorContext = ol.render.toContext(canvas.getContext('2d'), {size: [100, 100]});
|
13 |
|
14 | var fill = new ol.style.Fill({color: 'blue'});
|
15 | var stroke = new ol.style.Stroke({color: 'black'});
|
16 | var style = new ol.style.Style({
|
17 | fill: fill,
|
18 | stroke: stroke,
|
19 | image: new ol.style.Circle({
|
20 | radius: 10,
|
21 | fill: fill,
|
22 | stroke: stroke
|
23 | })
|
24 | });
|
25 | vectorContext.setStyle(style);
|
26 |
|
27 | vectorContext.drawGeometry(new ol.geom.LineString([[10, 10], [90, 90]]));
|
28 | vectorContext.drawGeometry(new ol.geom.Polygon([[[2, 2], [98, 2], [2, 98], [2, 2]]]));
|
29 | vectorContext.drawGeometry(new ol.geom.Point([88, 88]));
|