1 | goog.require('ol.Map');
|
2 | goog.require('ol.View');
|
3 | goog.require('ol.control');
|
4 | goog.require('ol.control.ScaleLine');
|
5 | goog.require('ol.layer.Tile');
|
6 | goog.require('ol.source.OSM');
|
7 |
|
8 |
|
9 | var scaleLineControl = new ol.control.ScaleLine();
|
10 |
|
11 | var map = new ol.Map({
|
12 | controls: ol.control.defaults({
|
13 | attributionOptions: {
|
14 | collapsible: false
|
15 | }
|
16 | }).extend([
|
17 | scaleLineControl
|
18 | ]),
|
19 | layers: [
|
20 | new ol.layer.Tile({
|
21 | source: new ol.source.OSM()
|
22 | })
|
23 | ],
|
24 | target: 'map',
|
25 | view: new ol.View({
|
26 | center: [0, 0],
|
27 | zoom: 2
|
28 | })
|
29 | });
|
30 |
|
31 |
|
32 | var unitsSelect = document.getElementById('units');
|
33 | function onChange() {
|
34 | scaleLineControl.setUnits(unitsSelect.value);
|
35 | }
|
36 | unitsSelect.addEventListener('change', onChange);
|
37 | onChange();
|