Open Layers
HTML
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN">
<head>
<script src="http://api-maps.yandex.ru/1.0/?key=AKNDDUoBAAAAfe0BbQIAEtcNGy1F_oFHPr6tECBOZVwK1aMAAAAAAAAAAAD18D0exC3MTF2xGklAkkO-lE-fmg==" type="text/javascript"></script>
<script src='http://openlayers.org/api/OpenLayers.js'></script>
<script src="http://dev.openlayers.org/sandbox/itranga/openlayers/lib/Itranga/OL_Yandex.js"></script>
</head>
<body>
<div id='map'></div>
<script type="text/javascript">
</script>
</body>
</html>
CSS
#map {
width: 300px;
height: 300px;
border: 1px solid black;
}
JavaScript
var map = new OpenLayers.Map('map');
var wmscURL = [
"http://wmsc1.terrapages.net/getmap?",
"http://wmsc2.terrapages.net/getmap?",
"http://wmsc3.terrapages.net/getmap?",
"http://wmsc4.terrapages.net/getmap?"
];
var terrapagesStreetLayer = new OpenLayers.Layer.WMS( 'TerraPages Street',wmscURL, {layers: 'UnprojectedStreet', format: 'image/jpeg' }, {buffer: 1, isBaseLayer: true} );
var gmap = new OpenLayers.Layer.Google("Google Streets", {visibility: false});
var layer = new OpenLayers.Layer.OSM( "Simple OSM Map");
var vector = new OpenLayers.Layer.Vector('vector');
//var Y_map = new OpenLayers.Layer.Yandex("ZZZ",{sphericalMercator: true});
map.addLayer(gmap);
map.addLayer(terrapagesStreetLayer);
map.addLayer(layer);
map.addLayer(vector);
//map.addLayer(Y_map);
map.setCenter(
new OpenLayers.LonLat(30.4, 50.4).transform(
new OpenLayers.Projection("EPSG:4326"),
map.getProjectionObject()
), 14
);
map.addControl(new OpenLayers.Control.LayerSwitcher());