Use object literals and use generic tile layer

This commit is contained in:
Tom Payne
2012-09-27 12:41:45 +02:00
parent 5ddbf17c8d
commit 65b8e0f915
37 changed files with 803 additions and 646 deletions
+3 -1
View File
@@ -18,7 +18,9 @@
<script src="../../build/ol.js" type="text/javascript"></script>
<script type="text/javascript">
var layer = new ol.layer.MapQuestOpenAerial();
var layer = new ol.layer.TileLayer({
source: new ol.source.MapQuestOpenAerial()
});
var map = new ol.Map(document.getElementById('map'), {
center: new ol.Coordinate(0, 0),
layers: new ol.Collection([layer]),
+4 -2
View File
@@ -6,7 +6,7 @@ goog.require('ol.Coordinate');
goog.require('ol.Map');
goog.require('ol.MapOptions'); // FIXME this should not be required
goog.require('ol.control.Zoom');
goog.require('ol.layer.MapQuestOpenAerial');
goog.require('ol.source.MapQuestOpenAerial');
if (goog.DEBUG) {
@@ -15,7 +15,9 @@ if (goog.DEBUG) {
}
var layer = new ol.layer.MapQuestOpenAerial();
var layer = new ol.layer.TileLayer({
source: new ol.source.MapQuestOpenAerial()
});
var map = new ol.Map(document.getElementById('map'), {
center: new ol.Coordinate(0, 0),
layers: new ol.Collection([layer]),
+5 -2
View File
@@ -7,7 +7,8 @@ goog.require('ol.RendererHint');
goog.require('ol.control.Attribution');
goog.require('ol.control.MousePosition');
goog.require('ol.interaction.Keyboard');
goog.require('ol.layer.MapQuestOpenAerial');
goog.require('ol.layer.TileLayer');
goog.require('ol.source.MapQuestOpenAerial');
if (goog.DEBUG) {
@@ -16,7 +17,9 @@ if (goog.DEBUG) {
}
var layer = new ol.layer.MapQuestOpenAerial();
var layer = new ol.layer.TileLayer({
source: new ol.source.MapQuestOpenAerial()
});
var domMap = new ol.Map(document.getElementById('domMap'), {
center: new ol.Coordinate(0, 0),
+14 -7
View File
@@ -4,16 +4,23 @@ goog.require('ol.Map');
goog.require('ol.Projection');
goog.require('ol.RendererHint');
goog.require('ol.control.Attribution');
goog.require('ol.layer.BingMaps');
goog.require('ol.layer.TileJSON');
goog.require('ol.layer.TileLayer');
goog.require('ol.source.BingMaps');
goog.require('ol.source.TileJSON');
var layers = new ol.Collection([
new ol.layer.BingMaps(
ol.BingMapsStyle.AERIAL,
'AheP841R-MsLErKQChaTba_xDoOCl40-EeTubD9uNhNAyQTePwFY9iVD1_pyqqlE'),
new ol.layer.TileJSON(
'http://api.tiles.mapbox.com/v3/mapbox.va-quake-aug.jsonp')
new ol.layer.TileLayer({
source: new ol.source.BingMaps({
key: 'AheP841R-MsLErKQChaTba_xDoOCl40-EeTubD9uNhNAyQTePwFY9iVD1_pyqqlE',
style: ol.BingMapsStyle.AERIAL
})
}),
new ol.layer.TileLayer({
source: new ol.source.TileJSON({
uri: 'http://api.tiles.mapbox.com/v3/mapbox.va-quake-aug.jsonp'
})
})
]);
var webglMap = new ol.Map(document.getElementById('webglMap'), {