goog.require('ol.Map'); goog.require('ol.View2D'); goog.require('ol.control.ZoomSlider'); goog.require('ol.layer.TileLayer'); goog.require('ol.source.MapQuestOpenAerial'); /** * Helper method for map-creation. * * @param {string} divId The id of the div for the map. * @return {ol.Map} The ol.Map instance. */ var createMap = function(divId) { var source, layer, map, zoomslider, resolutions, minRes, maxRes; source = new ol.source.MapQuestOpenAerial(); // These are the min and max resolutions of MapQuestOpenAerial minRes = 0.5971642834779395; maxRes = 156543.03392804097; layer = new ol.layer.TileLayer({ source: source }); map = new ol.Map({ layers: [layer], target: divId, view: new ol.View2D({ center: [0, 0], zoom: 2 }) }); zoomslider = new ol.control.ZoomSlider({ minResolution: minRes, maxResolution: maxRes, map: map }); return map; }; var map1 = createMap('map1'); var map2 = createMap('map2'); var map3 = createMap('map3');