1 | goog.require('ol.Geolocation');
|
2 | goog.require('ol.Map');
|
3 | goog.require('ol.View');
|
4 | goog.require('ol.layer.Tile');
|
5 | goog.require('ol.source.BingMaps');
|
6 |
|
7 |
|
8 | var view = new ol.View({
|
9 | center: [0, 0],
|
10 | zoom: 2
|
11 | });
|
12 |
|
13 | var map = new ol.Map({
|
14 | layers: [
|
15 | new ol.layer.Tile({
|
16 | source: new ol.source.BingMaps({
|
17 | key: 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5',
|
18 | imagerySet: 'Road'
|
19 | })
|
20 | })
|
21 | ],
|
22 | target: 'map',
|
23 | view: view
|
24 | });
|
25 |
|
26 | var geolocation = new ol.Geolocation({
|
27 | projection: view.getProjection(),
|
28 | tracking: true
|
29 | });
|
30 | geolocation.once('change:position', function() {
|
31 | view.setCenter(geolocation.getPosition());
|
32 | view.setResolution(2.388657133911758);
|
33 | });
|