41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
goog.require('goog.debug.Console');
|
|
goog.require('goog.object');
|
|
goog.require('ol.Coordinate');
|
|
goog.require('ol.RendererHint');
|
|
goog.require('ol.createMap');
|
|
goog.require('ol.layer.OpenStreetMap');
|
|
|
|
goog.debug.Console.autoInstall();
|
|
goog.debug.Console.instance.setCapturing(true);
|
|
|
|
var twoMaps = true;
|
|
|
|
var target;
|
|
var map, map1, map2;
|
|
var layer;
|
|
|
|
target = /** @type {!HTMLDivElement} */ document.getElementById('map1');
|
|
map = map1 = ol.createMap(target, undefined, ol.RendererHint.DOM);
|
|
layer = new ol.layer.OpenStreetMap({
|
|
'opacity': 0.9
|
|
});
|
|
map.getLayers().push(layer);
|
|
|
|
var resolutions = layer.getStore().getResolutions();
|
|
map1.setCenter(new ol.Coordinate(0, 0));
|
|
map1.setResolution(resolutions[0]);
|
|
|
|
if (twoMaps) {
|
|
target = /** @type {!HTMLDivElement} */ document.getElementById('map2');
|
|
map2 = ol.createMap(target, undefined, ol.RendererHint.WEBGL);
|
|
map2.bindTo('center', map1);
|
|
map2.bindTo('layers', map1);
|
|
map2.bindTo('resolution', map1);
|
|
map2.bindTo('rotation', map1);
|
|
}
|
|
|
|
goog.exportSymbol('layer', layer);
|
|
goog.exportSymbol('map', map);
|
|
goog.exportSymbol('map1', map1);
|
|
goog.exportSymbol('map2', map2);
|