OpenLayers
From CommonMap
OpenLayers is a javascript library for displaying map.
OpenLayers Example
The sample html:
<html>
<head>
<script src="http://openlayers.org/api/OpenLayers.js" type="text/javascript"></script>
<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('map', {
controls: [
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.ScaleLine(),
new OpenLayers.Control.MousePosition({numDigits:6}),
new OpenLayers.Control.LayerSwitcher(),
new OpenLayers.Control.Attribution()
],
maxExtent:
new OpenLayers.Bounds(-20037508.34,-20037508.34,
20037508.34, 20037508.34),
maxResolution: 156543.0339,
numZoomLevels: 20,
units: 'm',
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326")
});
map.addLayers([new OpenLayers.Layer.OSM( "CommomMap",
"http://...commonmap..../.../Tiles/tile/${z}/${x}/${y}.png",
{numZoomLevels:18,wrapDateLine: true,
attribution:'<a href="http://commonmap.info/w/">CommomMap</a>'
+' under <a href="http://creativecommons.org/licenses/by/2.5/au/">CC-BY 2.5</a>'})
]);
</script>
</head>
<body onload="init()">
<h1>CommonMap SlippyMap example </h1>
<div id="map" style="position:absolute;bottom:10px;top:80px;left:10px;right:10px\
;background:gray;"></div>
</body>
</html>
OpenLayers object
/**
* Class: OpenLayers.Layer.OSM.CommonMap
*
* Inherits from:
* - <OpenLayers.Layer.OSM>
*/
OpenLayers.Layer.OSM.CommonMap = OpenLayers.Class(OpenLayers.Layer.OSM, {
/**
* Constructor: OpenLayers.Layer.OSM.Mapnik
*
* Parameters:
* name - {String}
* name - {String}
* options - {Object} Hashtable of extra options to tag onto the layer
*/
initialize: function(name, options) {
var url = [
"http://...commonmap.org/.../Tiles/tile/${z}/${x}/${y}.png"
];
options = OpenLayers.Util.extend({
numZoomLevels: 18,
attribution:'<a href="http://commonmap.info/w/">CommomMap</a>'
+' under <a href="http://creativecommons.org/licenses/by/2.5/au/">CC-BY 2.5</a>'
}, options);
if(!name){
name="CommonMap";
}
var newArguments = [name, url, options];
OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
},
CLASS_NAME: "OpenLayers.Layer.OSM.CommonMap"
});
