
#IMAGEVIEWER SERIES#
What has been described above works well for single images, but what about image series? It turns out that the Brain Maps API works with image series too.

The result should look like the interactive map at the top of this page. Where the variable names can be set according as described above.
#IMAGEVIEWER CODE#
Try pasting the following code into a webpage, all on a single line: If you are unable to get the Brain Maps API to work or are not able to upload files to a server, another option for using Brain Maps on your site is by using iframes. For example, the Brain Maps API can be used to view the Allen Brain Atlas image data, as clicking onĮmbedding Brain Maps into Your Website with iFrames You may use the Brain Maps API with any 3rd party image datasets that supports the Zoomify image pyramid format. Using the Brain Maps API with Other 3rd Party Image Datasets Note that the image width and height, which must be sent as variables to the Brain Maps API, are both located in the XML file at. Say that your tiled image base directory is at, then you may use the Brain Maps API on your own images by substituting the image base directory for the image path. You should tile your images on your server. Note that many image formats are supported, though for very large images, you will probably want to used JPG-compressed TIFFs. To do so, you must first tile your images using the You may use your own images with the Brain Maps API. Using the Brain Maps API with Your Own Images 2) through adding javascript to the HTML page in the section.1) through the URL, where the variables are separately defined after the.There are two ways to set variable values: Setting Variable Values Either Through the URL or the Source Resunits, which is set to "um" (i.e., microns) by default. The resolution units can be set using the variable, The default value is 0.46 units per pixel. Res, which denotes the highest resolution (in units per pixel). The resolution of the scale bar can be set using the variable, Specifying the Resolution and Units of the Scale Bar The thumbnail viewer in the lower right can be turned off by setting hidethumb=1.

Additional optional parameters are discussed below: Icon in the upper right of the AJAX viewer. These are also accessible from the menu in the figure above, obtained by clicking on the VT refers to the Zoom level (where 0 is the lowest and the highest is the number of levels in the image pyramid). VY, refer to the X and Y positions (in normalized image coordinates) in the image, and There are several javascript variables that are optional. Icon in the upper right of the AJAX viewer, which will bring up the menu shown in the figure below. Currently, you can obtain all of these variable values from BrainMaps images of interest by clicking on the Width of the image in pixels, though the Brain Maps API will try to obtain these values automatically if they are absent. It is also recommended that you specify the

The 'path' refers to the absolute or relative image path. There is one javascript variable that must be specified, either through the URL or through the HTML source code: the image

You will see Brain Maps is now on your site, and it should look like the page at the following URL: If you upload these files to your web server, then try loading the following page:
#IMAGEVIEWER FREE#
The Brain Maps API is a free service, available for any web site that is free to consumers.Ĭlick on the thumbnail below to see an example of the Brain Maps API in action, and when you do, try using your mouse scroll wheel to zoom in and out.ĭownload the following files (by right-click and save): It has been designed to be small and fast, and to consume very little memory, yet still be very functional and extensible. The Brain Maps API is a lightweight multiresolution image viewer with customizable label overlays that lets you embed BrainMaps images in your own web pages with JavaScript, and that can also be used with your own multiresolution images.
