Map24 Layer in OpenLayers

For a working example of a Map24 Layer in OpenLayers, see http://dev.openlayers.org/sandbox/thliese/openlayers/examples/map24.html, running live from the repository.

The map24 layer code is currently available in my personal sandbox only. Please either checkout my sandbox from http://svn.openlayers.org/sandbox/thliese/openlayers/ or download the Map24.js file here: http://svn.openlayers.org/sandbox/thliese/openlayers/lib/OpenLayers/Layer/Map24.js and put it in your Layer folder.

You need a Map24 API (2.0) key for your site. Simply get one at http://devnet.map24.com/. You can use the same API key for multiple URLs and you can edit those URLs later on your Map24 adminstration page.

Using the new class is - similar to the google layer - as simple as this:

Include the scripts:

<script type="text/javascript" src="http://api.maptp.map24.com/ajax?appkey=YOURKEY"></script>
<script type="text/javascript" src="../lib/OpenLayers.js"></script>

Create the Map24 layer:

var map = new OpenLayers.Map("mapDiv");
var map24Layer = new OpenLayers.Layer.Map24("Map24");
map.addLayer(map24Layer);

Please see http://svn.openlayers.org/sandbox/thliese/openlayers/examples/map24.html for additional usage information).