y2blog

    
    Zoomify Layer Test

#map {
    width: 600px;
    height:400px; 
    border: 1px solid #888;
}

  



  
    var zoomify_width  = 5328;
    var zoomify_height = 3552;
 
    var zoomify_url = "https://y2tech.net/maps/ZoomifyTest/533911_img/";
 
    var map, zoomify;
 
    function  init() {
  
        /* First we initialize the zoomify pyramid (to get number of tiers) */
        var zoomify = new OpenLayers.Layer.Zoomify( "Zoomify", zoomify_url, 
		      new OpenLayers.Size( zoomify_width, zoomify_height ) );
 
        /* Map with raster coordinates (pixels) from Zoomify image */
        var options = {
            maxExtent: new OpenLayers.Bounds( 0, 0, zoomify_width, zoomify_height ),
                       maxResolution: Math.pow( 2, zoomify.numberOfTiers-1 ),
                       numZoomLevels: zoomify.numberOfTiers,
                       units: 'pixels'
        };
 
        map = new OpenLayers.Map( "map", options );
        map.addLayer( zoomify );
 
        map.setBaseLayer( zoomify );
        //map.zoomToMaxExtent();
        map.zoomTo(3);

        var mapCenterPosition = 
            new OpenLayers.Pixel( map.getCurrentSize().w / 2, 
<br>
<p>　　　　                        map.getCurrentSize().h / 2 );
  	 
        var crosshairsCursorCtrl = new OpenLayers.Control.Crosshairs( {
                                       imgUrl:  "./crosshairs.png",
                                       size: new OpenLayers.Size(32, 32),
                                       position: mapCenterPosition
                                   });
        map.addControl( crosshairsCursorCtrl ); 
 
    };