ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

adding XYZ layer (and OSM laayer) to OpenLayers. r=fredj, (Closes #1950)

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@9240 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
crschmidt
2009-04-08 06:54:16 +00:00
parent 87a2f0d47e
commit 861a9c10f5
5 changed files with 732 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/spherical-mercator.html
+7 -35
View File
@@ -78,34 +78,21 @@
{'type': YAHOO_MAP_HYB, 'sphericalMercator': true}
);
// create OSM layer
var mapnik = new OpenLayers.Layer.OSM();
// create OAM layer
var oam = new OpenLayers.Layer.TMS(
var oam = new OpenLayers.Layer.XYZ(
"OpenAerialMap",
"http://tile.openaerialmap.org/tiles/1.0.0/openaerialmap-900913/",
"http://tile.openaerialmap.org/tiles/1.0.0/openaerialmap-900913/${z}/${x}/${y}.png",
{
type: 'png', getURL: osm_getTileURL
sphericalMercator: true
}
);
// create OSM layer
var mapnik = new OpenLayers.Layer.TMS(
"OpenStreetMap (Mapnik)",
"http://a.tile.openstreetmap.org/",
{
type: 'png', getURL: osm_getTileURL,
displayOutsideMaxExtent: true,
attribution: '<a href="http://www.openstreetmap.org/">OpenStreetMap</a>'
}
);
// create OSM layer
var osmarender = new OpenLayers.Layer.TMS(
var osmarender = new OpenLayers.Layer.OSM(
"OpenStreetMap (Tiles@Home)",
"http://tah.openstreetmap.org/Tiles/tile/",
{
type: 'png', getURL: osm_getTileURL,
displayOutsideMaxExtent: true,
attribution: '<a href="http://www.openstreetmap.org/">OpenStreetMap</a>'
}
"http://tah.openstreetmap.org/Tiles/tile/${z}/${x}/${y}.png"
);
@@ -133,21 +120,6 @@
if (!map.getCenter()) {map.zoomToMaxExtent()}
}
function osm_getTileURL(bounds) {
var res = this.map.getResolution();
var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
var z = this.map.getZoom();
var limit = Math.pow(2, z);
if (y < 0 || y >= limit) {
return OpenLayers.Util.getImagesLocation() + "404.png";
} else {
x = ((x % limit) + limit) % limit;
return this.url + z + "/" + x + "/" + y + "." + this.type;
}
}
</script>
</head>
<body onload="init()">