1 | goog.require('ol.Map');
|
2 | goog.require('ol.View');
|
3 | goog.require('ol.format.GeoJSON');
|
4 | goog.require('ol.interaction');
|
5 | goog.require('ol.interaction.Select');
|
6 | goog.require('ol.interaction.Translate');
|
7 | goog.require('ol.layer.Tile');
|
8 | goog.require('ol.layer.Vector');
|
9 | goog.require('ol.source.OSM');
|
10 | goog.require('ol.source.Vector');
|
11 |
|
12 |
|
13 | var raster = new ol.layer.Tile({
|
14 | source: new ol.source.OSM()
|
15 | });
|
16 |
|
17 | var vector = new ol.layer.Vector({
|
18 | source: new ol.source.Vector({
|
19 | url: 'data/geojson/countries.geojson',
|
20 | format: new ol.format.GeoJSON()
|
21 | })
|
22 | });
|
23 |
|
24 | var select = new ol.interaction.Select();
|
25 |
|
26 | var translate = new ol.interaction.Translate({
|
27 | features: select.getFeatures()
|
28 | });
|
29 |
|
30 | var map = new ol.Map({
|
31 | interactions: ol.interaction.defaults().extend([select, translate]),
|
32 | layers: [raster, vector],
|
33 | target: 'map',
|
34 | view: new ol.View({
|
35 | center: [0, 0],
|
36 | zoom: 2
|
37 | })
|
38 | });
|