1 | goog.require('ol.Feature');
|
2 | goog.require('ol.Map');
|
3 | goog.require('ol.View');
|
4 | goog.require('ol.geom.LineString');
|
5 | goog.require('ol.layer.Vector');
|
6 | goog.require('ol.source.Vector');
|
7 | goog.require('ol.style.Stroke');
|
8 | goog.require('ol.style.Style');
|
9 |
|
10 |
|
11 | var count = 10000;
|
12 | var features = new Array(count);
|
13 |
|
14 | var startPoint = [0, 0];
|
15 | var endPoint;
|
16 |
|
17 | var delta, deltaX, deltaY;
|
18 | var signX = 1;
|
19 | var signY = -1;
|
20 |
|
21 |
|
22 | var i;
|
23 | for (i = 0; i < count; ++i) {
|
24 | delta = (i + 1) * 2500;
|
25 | if (i % 2 === 0) {
|
26 | signY *= -1;
|
27 | } else {
|
28 | signX *= -1;
|
29 | }
|
30 | deltaX = delta * signX;
|
31 | deltaY = delta * signY;
|
32 | endPoint = [startPoint[0] + deltaX, startPoint[1] + deltaY];
|
33 | features[i] = new ol.Feature({
|
34 | 'geometry': new ol.geom.LineString([startPoint, endPoint])
|
35 | });
|
36 | startPoint = endPoint;
|
37 | }
|
38 |
|
39 | var vector = new ol.layer.Vector({
|
40 | source: new ol.source.Vector({
|
41 | features: features,
|
42 | wrapX: false
|
43 | }),
|
44 | style: new ol.style.Style({
|
45 | stroke: new ol.style.Stroke({
|
46 | color: '#666666',
|
47 | width: 1
|
48 | })
|
49 | })
|
50 | });
|
51 |
|
52 | var view = new ol.View({
|
53 | center: [0, 0],
|
54 | zoom: 0
|
55 | });
|
56 |
|
57 | var map = new ol.Map({
|
58 | layers: [vector],
|
59 | target: 'map',
|
60 | view: view
|
61 | });
|