<html>

<head>

<title>Map</title>

<meta name="robots" content="noindex, nofollow">

<script src="http://www.openlayers.org/api/OpenLayers.js"></script>

<script type="text/javascript">

    var map;

    var arrayOSM;

    var arrayAerial;

    var baseOSM;

    var baseAerial;

    

    function init(){

        map = new OpenLayers.Map('map');

        arrayOSM = ["http://otile1.mqcdn.com/tiles/1.0.0/map/${z}/${x}/${y}.jpg",

                    "http://otile2.mqcdn.com/tiles/1.0.0/map/${z}/${x}/${y}.jpg",

                    "http://otile3.mqcdn.com/tiles/1.0.0/map/${z}/${x}/${y}.jpg",

                    "http://otile4.mqcdn.com/tiles/1.0.0/map/${z}/${x}/${y}.jpg"];

        arrayAerial = ["http://otile1.mqcdn.com/tiles/1.0.0/sat/${z}/${x}/${y}.jpg",

                        "http://otile2.mqcdn.com/tiles/1.0.0/sat/${z}/${x}/${y}.jpg",

                        "http://otile3.mqcdn.com/tiles/1.0.0/sat/${z}/${x}/${y}.jpg",

                        "http://otile4.mqcdn.com/tiles/1.0.0/sat/${z}/${x}/${y}.jpg"];

        

        baseOSM = new OpenLayers.Layer.OSM("MapQuest-OSM Tiles", arrayOSM);

        baseAerial = new OpenLayers.Layer.OSM("MapQuest Open Aerial Tiles", arrayAerial);

       

        map.addLayer(baseOSM);

        map.addLayer(baseAerial);

        map.addControl(new OpenLayers.Control.LayerSwitcher());

        map.setCenter(

            new OpenLayers.LonLat(-71.057205,42.362942).transform(

                new OpenLayers.Projection("EPSG:4326"),map.getProjectionObject()), 16

        );       

    }   

</script>

</head>


<body onload="init()">

    <div id="map"></div>


</body>

</html>