Call: 201-556-9090 or Write: Sales@ticketutils.com

API Reference


Download v3.1.12
Release date: 3/3/2014

Following Venues are Enabled for Development and Testing under localhost
Venue Name Chart Name MapId
Barclays Center Basketball 24d98d09-37e1-437f-87c5-eae845692e6c
Circuit of The Americas Racing ea4e7cb2-092e-4a8d-960f-0cd705eef4fb
Lambeau Field Football 5fe29dec-fbd3-4114-a62c-ef452c52840a
Fenway Park Baseball 30c04c8b-6bdc-4e8c-b1a8-5e2772de3fc3
Madison Square Garden Hockey 2013 911c3278-79d0-4745-bf6c-61d66d96461b
Busch Stadium Soccer dc7c9452-913a-44d8-b820-7b46f03e2712
MGM Grand Garden Arena Concert e82ef967-d410-479a-81a8-e7f98d9e2e55

jQuery Reference Table of Contents


Options (Common)

ServiceUrl

Type:String
Default:http://imap.ticketutils.net
Location of Ticket Utils Charts Service. To Enable SSL Support, change ServiceUrl to https://imap.ticketutils.net
Code Example:
$("Selector").tuMap({
	ServiceUrl: "https://imap.ticketutils.net"
});

EventInfo

Type:Object
Default:null
Plugin can Automatically load the Correct Chart for an Event if the Event Information is Passed. If No Matching event is found in the System, Plugin will load the Master Chart for the Venue. If Venue is also not resolved, the Plugin will load the Map specified by MapId (If Any)
Code Example:
$("Selector").tuMap({
    EventInfo: {
        Venue: "Barclays Center",
        EventName: "Brooklyn Nets vs Orlando Magic",
        EventDate: "2014-01-21T19:30"
    }
});
	            

MapId

Type:String
Default:null
This option determines Map to load.

For Ticket Evolution, the MapId value is sourced from the "ticket_utils_id" value as returned from the Configurations API.

For Ticket Network, the MapId value is sourced from the "ID" value (and NOT the "venueID") as returned from the GetVenueConfigurations API.

For Ticket Technology, the MapId value is sourced from the "VenueID" value as returned from the GetVenues API.

For Ticket Utils, the MapId value is sourced from the "SeatingChartId" value as returned from the EventCatalog->Charts API.
Please use EventInfo Object instead of MapId.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
});

MapType

Type:String
Default:Interactive
This Option can be used to force Static Map instead of Interactive. Even if the Value if Interactive, API may return a Static Map if Interactive Map is not available.
Code Example:
$("Selector").tuMap({
	MapType:"Static"
});
 

MapSet

Type:String
Default:tu
Defines MapSet to Facilitate conversion of MapId of various Providers to valid Ticket Utils MapId. Valid values are:
  • tu - Ticket Utils
  • tt - TicketTechnology
  • tn - TicketNetwork
  • sh - StubHub
With Effect from 2/10/2016, we are no longer supporting MapSet other than Ticket Utils.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, MapSet: "tu"
});
	            

EventId

Type:String
Default:null
Only Enabled for TicketTechnology Events: Set EventId for which Chart is to be Obtained. Plugin will Automatically Load the Correct Chart for the Event. If SeatingChartAutoCorrect is True, Plugin will override the Default Chart by the Provider and Load the Correct Chart.
Code Example:
$("Selector").tuMap({
	EventId: "1234"
	, MapSet: "tt"
});
	            

ColorScheme

Type:Numeric
Default:0
Defines Color Scheme of the Map MapId. Valid values are:
  • 0 - Standard (Gray Background)
  • 1 - White Background
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, ColorScheme: 1
});
	         

AutoSwitchToStatic

Type:Boolean
Default:true
If true, Static map will be loaded if Interactive Map is not available.
Code Example:
$("Selector").tuMap({
    AutoSwitchToStatic: false
});

SeatingChartAutoCorrect

Type:Boolean
Default:true
Only Enabled for TicketTechnology Events: If true, Plugin will Automatically override the Default Chart for the Event and Load corrected Chart.
Code Example:
$("Selector").tuMap({
    ,EventId:"1234"
    ,MapSet:"tt"
    SeatingChartAutoCorrect: false
});

FailoverMapUrl

Type:String
Default:null
If Provided, Plugin will load the specified Image in case of Error in Loading Ticket Utils Chart
Code Example:
$("Selector").tuMap({
    FailoverMapUrl: "Url Here";
});

ZoomLevel

Type:Numeric
Default:3 (500X500)
This option sets the Zoom Level of the Map. Depending on your Edition of the Plugin (Enterprise, Standard etc.) zoom levels will be enabled or disabled.

If Lowest Zoom Level enabled on your Account is 500X500 then setting Zoom Level 1 will return the 500X map instead of default 300X. For Standard Configuration, ZoomLevel will be as follows:

  • Level 1 (300px X 300px Map)
  • Level 2 (400px X 400px Map)
  • Level 3 (500px X 500px Map)
  • Level 4 (600px X 600px Map)
  • Level 5 (700px X 700px Map)
  • Level 6 (800px X 800px Map)
  • Level 7 (900px X 900px Map)
  • Level 8 (1000px X 1000px Map)
  • Level 9 (1200px X 1200px Map)
  • Level 10 (1500px X 1500px Map)
  • Level 11 (2000px X 2000px Map)
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, ZoomLevel: 3
});

AdaptiveThreshold

Type:Numeric
Default:1.0
Adaptive Threshold will determine the Zoom Level which will be loaded by Adaptive Display. Default value is 1.0.

For example, if the threshold is set to 1.0 and the container size is between 500px to 600px, Adaptive Display will load the 600px Map only when the container width is 600px. When the container size is between 500px and 599px, Adaptive Display will load the 500px Map.

If the threshold is set to 0.8 and the container size is between 500px to 600px, Adaptive Display will load the 600px Map only when the container width is between 580px to 600px. When the container size is between 500px and 579px, Adaptive Display will load the 500px Map.

If the threshold is set to 0.5 and the container size is between 500px to 600px, Adaptive Display will load the 600px Map only when the container width is between 550px to 600px. When the container size is between 500px and 549px, Adaptive Display will load the 500px Map.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, AdaptiveThreshold: 0.5
});

MaxZoom

Type:Numeric
Default:0
Set the Maximum Zoom Level
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, MaxZoom: 3
}); 

GroupsContainer

Type:String
Default:null
Sets the Container for Section Groups/Legends List.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, GroupsContainer: "#GroupsList"
});

Tickets

Type:Object
Default:null
Holds an Items Array containing List of Tickets, for Plugin Generated List each Ticket Object must include all the Columns Defined in the Columns Option. Following are the Default Support properties of Ticket Object. One may also add Custom Columns and include Column Key in Ticket Object
For Listing Zone Tickets, include a "zone" and remove "section","row" properties for that listing.
For External Ticket List implementation without using the Selectors i.e. when interaction between Chart and the List is handled by the Developer, this Option can be used to Highlight the available sections. In this case only Section, Price (Start Price in the Section) and Quantity (Max. Quantity in the Section) can be passed to Highlight and Enable the Tooltip.


Property Type
id String A Unique Identifier for each Ticket. This will be passed back in Ticket Select callback.
section String Section Value e.g. "101", "Lower 101", "l101", "101l"
row String Row Value
quantity Numeric / Array Can be a Numeric value e.g. 2 or Array of Quantity Splits available e.g. [4,2].
If Quantity Array is passed, Plugin will render a Dropdown List in the Tickets List.
price Numeric / String Price can be numeric e.g. 300 or may also include the Currency Symbol e.g. $300
notes String
preferred Boolean True, if Ticket is to be Marked and Filtered as Preferred Ticket
eticket Boolean True, if E-Ticket
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, Tickets:[
	    { id:"1", section: "101", row: "A", quantity: [1,2,4]
                , price: "$100", notes: "Some Notes"},
	    { id:"2", section: "l101", row: "B", quantity: 2
                , price: "$110", preferred:true},
	    { id:"3", section: "Lower 101", row: "C", quantity: 3
                , price: "$140", eticket:true}
	]
});

TicketsFilter

Type:Object
Default:{ MinPrice: 0, MaxPrice: 0, Quantity: 0, eTicket:false, Ids:null }
Set the Filter for the Tickets List. If Quantity is Set to Numeric value, it will perform Exact Match. If set to string value like "2+" is will return all tickets above the specified quantity. If Quantity range is passed like "1-3" it will filter on the Quantity greater than 1 and lesser than 3. If Ids are passed, Tickets list will be filtered to specific listings matching those Ids.
Code Example (Quantity Greater than):
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TicketsFilter: {
		MinPrice: 20
		, MaxPrice: 100
		, Quantity: "2+"
	}
});
Code Example (Quantity Range):
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TicketsFilter: {
		MinPrice: 20
		, MaxPrice: 100
		, Quantity: "1-3"
	}
});
Code Example (eTicket Filter):
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TicketsFilter: {
		eTicket: true
	}
});
Code Example (Ids Filter):
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TicketsFilter: {
		Ids: ["1000","2003","1212"]
	}
});

TooltipFormatter

Type:Function
Default:Default Formatter
Define Custom formatter for the Section Tooltip
Callback Parameter Type
Section String Section Name
Mappings Array Array of Section Names in the Ticket Inventory which are Mapped to this Section.
Quantity Numeric Quantity of Tickets available in the Section
MinPrice String Minimum Price of the Ticket in that Section
MaxPrice String Maximum Price of the Ticket in that Section
Group Object Group Object with Name and Group Name Alias Array
Active Boolean True if Section is having Tickets
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TooltipFormatter:function(Data){
	    var Code = "";
	    Code += 'Section ' + Data.Section + '';
	        if (Data.Active) {
	            Code += '' + Data.Quantity + '';
	            Code += ' ticket(s) available from ';
	            Code += Data.MinPrice;
	        }
	        else {
	            Code += 'No Tickets currently available for this Section';
		    }
	    return Code;
	}
});
	            

SectionViewContainer

Type:String
Default:null
Set the Container for Displaying Large Section View Image on Mouseover of the Section. Image will be Auto adjusted to fit the Section View Container.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, SectionViewContainer:"#SectionViewContainer"
});
	            

SectionViewTrigger

Type:String
Default:mouseover
Set the action that will display Section View in the Container specified using SectionViewContainer. Possible values are "click","mouseover"
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, SectionViewTrigger:"click"
});
	            

TooltipSectionViewSize

Type:Integer
Default:250
Set the Size of Section View in the Tooltip. Possible values are 250, 500, 1000, 1500
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TooltipSectionViewSize:500
});
	            

EnableTooltipSectionView

Type:Boolean
Default:true
Set whether Section View is to be Displayed in Tooltip. If using External Section View Container, set this to false.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, EnableTooltipSectionView:false
});
	            

AlwaysShowTooltip

Type:Boolean
Default:false
If true, Tooltip will be displayed even if Section is having '0' tickets mapped.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, AlwaysShowTooltip:true
});
	            

AnimateTooltip

Type:Boolean
Default:false
If true, Tooltip will be displayed with sliding animation from previous position
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, AnimateTooltip:true
});
	            

ResetButtonText

Type:String
Default:Reset
Set the Caption of Reset Button
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, ResetButtonText:"Reset Map"
});
	            

ControlsPosition

Type:String
Default:Inside
Set the Position of Map Controls (Inside: Over the Map, Outside: Outside Map Container)
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, ControlsPosition:"Outside"
});
	            

SingleSectionSelection

Type:Boolean
Default:false
If true, User will be able to select only one Section at a time.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, SingleSectionSelection:true
});
	            

Options (Plugin Generated List)

TicketsListContainer

Type:String
Default:null
Sets the Container for Tickets List.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TicketsListContainer: "#TicketsList"
});

Columns

Type:Object
Default:Standard Columns (Flag [Preferred/eTicket], Section, Row, Quantity, Price, Notes, Action)
Defines the Columns to be displayed in Ticket List. Apart from default columns, one can extend the Columns Array to add Custom Columns and handle the Display of Column Content using CellFormatter. If any of the Tickets is Marked as preferred or eticket then Fag Column is Displayed with respective icon. Otherwise, flag Column is Hidden by default.
Column Properties Type
Title String Display Title of the Column
Sortable Boolean Define if the Column is Sortable or Not
SortType String Set Sort type of Column as "numeric" or "string"
Visible Boolean Set Column Display State Visible or Invisible (default: true)
Width Numeric Set Column Width
CSSClass String Set CSS Class for Column. Used in each Table Cell of the List
Align String Set Alignment of the Cell to "left", "center", "right"
Formatter Function Define Custom Formatter form a Cell Value for this Column
Formatter Parameters:
  • RowData(Type: Object)Complete Row Object as Passed in Tickets Property
  • Key(Type: String)Column Key
  • CellValue(Type: Object)Value of the Cell retrieved from RowData
  • FormattedSection(Type: String)Combination of Group Name and Cleansed Section Name
  • FormattedSectionGroup(Type: String)Section Group Name
  • CleanSectionName(Type: String)Cleansed Section Name
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TicketsListContainer: "#TicketsList"
	, Columns: {
		"section": {
	        Title: "Section"
	        , Sortable:true
	        , SortType:"string"
	        , Visible:true
	        , CSSClass:"SectionCssClass"
	    }
		, "row": {
	        Title: "Row"
	        , Sortable:true
	        , SortType:"string"
	        , Visible:true
	    }
		, "quantity": {
	        Title: "Quantity"
	        , Sortable:true
	        , SortType:"numeric"
	        , Visible:true}
		, "price": {
	        Title: "Price"
	        , Sortable:true
	        , SortType:"numeric"
	        , Visible:true
	        , Align:"right"
	    }
		, "notes": {
	        Title: ""
	        , Sortable:false
	        , Visible:true
	        , Width:25
	    }
		, "action": {
	        Title: ""
	        , Sortable:false
	        , Visible:true
	        , Formatter:function(RowData, Key, CellValue){
	            var Link='<a class="BuyLink" href="javascript:void(0);"';
                Link += ' lang="' + RowData.id+ '">Buy</a>';
				return Link;
			}
	    }
	}
});

TicketsSort

Type:Object
Default:{ Column: "section", Order: "ASC", SortType: "string" }
Sets the Sort Options for the Tickets List. SortType of Column will override SortType provided in this Option.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, TicketsSort:{
		Column: "price"
		, Order: "ASC"
		, SortType: "numeric"
	}
});

PreferredFirst

Type:Boolean
Default:false
If true, Preferred Tickets will be displayed first in the List
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, PreferredFirst: true
});

DisplayListHeader

Type:Boolean
Default:true
Controls Display of List Headers
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, DisplayListHeader: false
});

PreferredText

Type:String
Default:"Display Preferred Inventory First"
Set Caption of the Control to Show/Hide Preferred Inventory
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, PreferredText: "Show Preferred Results on the Top"
});

BuyButtonText

Type:String
Default:"Select"
Set Text of Ticket List Buy Button.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, BuyButtonText: "Buy"
});

NoResultsFormatter

Type:Function
Default:"No Tickets Found"
Define Custom formatter for the No Results Message
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, NoResultsFormatter:function(){
		return "No Results Found";
	}
});

Options (External Ticket List)

RowSelector

Type:String
Default:null
Sets the Selector to Hide/Show Rows when Interacting with an External Ticket List and TicketsListContainer, Tickets parameters are not set. Use this Option if you do not want Plugin Generated Tickets List and prefer Chart Plugin to interact with your existing Setup. In this Setup, Please do not pass the Tickets array in the Tickets Option and do not set the TicketsListContainer.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, RowSelector: ".TicketRow"
});

Note:You must call Refresh method with parameter ProcessTickets on the Event of Change in the Ticket List
Code Example:
$("Selector").tuMap("Refresh","ProcessTickets")

SectionSelector

Type:String
Default:null
Sets the Selector to extract the Value of Section Column in a Ticket Row. Plugin will Automatically parse all the Section Values and Activate respective Sections on the Interactive Chart
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
    , RowSelector: ".TicketRow"
	, SectionSelector: ".Section"
});

RowNumberSelector

Type:String
Default:null
Sets the Selector to extract the Value of Row Column in a Ticket Row. Plugin will Automatically parse all the Row Values and Activate respective Sections on the Interactive Chart based on the Row Number in case of Duplicate Section number on the Map
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
    , RowSelector: ".TicketRow"
	, SectionSelector: ".Section"
    , RowNumberSelector: ".RowNum"
});

PriceSelector

Type:String
Default:null
Sets the Selector to extract the Value of Price Column in a Ticket Row. Price will be used in Mouseover Tooltip of the Section to indicate Lowest and Highest Ticket Price in that Section
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
    , RowSelector: ".TicketRow"
	, PriceSelector: ".Price"
});

QuantitySelector

Type:String
Default:null
Sets the Selector to extract the Value of Quantity Column in a Ticket Row. Quantity will be used in Mouseover Tooltip of the Section to indicate number of Tickets available in that Section
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
    , RowSelector: ".TicketRow"
	, QuantitySelector: ".Quantity"
});

eTicketSelector

Type:String
Default:null
Sets the Selector to extract the Value of eTicket Flag in a Ticket Row. If at least Item is returned by the Selector, eTicket is set to True; otherwise false
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
    , RowSelector: ".TicketRow"
	, eTicketSelector: ".eTicket"
});

Events

OnInit

Fires when Map Loading is Completed. Data contains MapType and ResolvedBy. MapType value specifies which Map is initialized (Interactive or Static). ResolvedBy will return the Information about Map Resolution (EventInfo, MasterChart, MapId, EventId, AutoCorrection). Plugin may load Static Map even if Interactive Map is requested and not available.
Code Example:
$("Selector").tuMap({
	MapId: "101921b7-d508-4fed-bd90-139015c042b2"
	, OnInit:function(e,Data){
		//Data.MapType, Data.ResolvedBy
	}
});

OnError

Type:String
Fires when Map Loading fails
Callback Parameter Type
ErrorCode Numeric  0 - Access Denied
 1 - Chart Not Found
 2 - Interactive Chart Not Available
 3 - Interactive Parameters
-1 - Unknown Error
Error String Error Message Returned
Code Example:
$("Selector").tuMap({
	OnError:function(e,Error){
		alert(Error.Code + " - " + Error.Message);
	}
});
		

OnMouseover

Fires when User moves Mouse over a Section
Callback Parameter Type
Active Boolean True if Section has Tickets
Selected Boolean True if Section is selected
Key String Unique Identifier of the Section
Name String
Mappings Array Array of Section Names in the Ticket Inventory which are Mapped to this Section.
Alias Array
Group Object Object containing Id, Name, Alias (Array) of the Group
SectionViewAvailable Boolean True if Section View Images are available for the Section.
SectionViewUrl String Url of Large Section View Image
SectionViewThumbnailUrl String Url of Thumbnail Section View Image
Code Example:
$("Selector").tuMap({
	OnMouseover:function(e,Section){
		if(Section.Active) {
			alert("Section " + Section.Name 
                    +" in Group " 
                    + Section.Group.Name);
		}
	}
});

OnMouseout

Fires when User moves Mouse out of a Section
Callback Parameter Type
Active Boolean True if Section has Tickets
Selected Boolean True if Section is selected
Key String Unique Identifier of the Section
Name String
Mappings Array Array of Section Names in the Ticket Inventory which are Mapped to this Section.
Alias Array
Group Object Object containing Id, Name, Alias (Array) of the Group
SectionViewAvailable Boolean True if Section View Images are available for the Section.
SectionViewUrl String Url of Large Section View Image
SectionViewThumbnailUrl String Url of Thumbnail Section View Image
Code Example:
$("Selector").tuMap({
	OnMouseout:function(e,Section){
		if(Section.Active) {
			alert("Section " + Section.Name 
                    +" in Group " 
                    + Section.Group.Name);
		}
	}
});
			

OnClick

Fires when User Selects/Deselects a Section
Callback Parameter Type
Active Boolean True if Section has Tickets
Selected Boolean True if Section is selected
Key String Unique Identifier of the Section
Name String
Mappings Array Array of Section Names in the Ticket Inventory which are Mapped to this Section.
Alias Array
Group Object Object containing Id, Name, Alias (Array) of the Group
SectionViewAvailable Boolean True if Section View Images are available for the Section.
SectionViewUrl String Url of Large Section View Image
SectionViewThumbnailUrl String Url of Thumbnail Section View Image
Code Example:
$("Selector").tuMap({
	OnClick:function(e,Section){
		if(Section.Active && Section.Selected) {
			alert("Selected Section " 
                    + Section.Name 
                    +" in Group " 
                    + Section.Group.Name);
		}
	}
});
	

OnControlClick

Fires when User Selects/Deselects a Button on the Map (Except Reset Button)
Callback Parameter Type
Name Button Text Returns Out of the Map Section Name (Button Text)
Selected Boolean True if Button is selected
Mappings Array Array of Sections Mapped on the Button
Code Example:
$("Selector").tuMap({
	OnControlClick:function(e,Data){
		if(Section.Selected) {
			alert("Selected Button " + Data.Name);
		}
	}
});
	

OnGroupClick

Fires when User Selects/Deselects a Section Group/Legend/Key
Callback Parameter Type
Name String Name of the Section Group
Selected Boolean True if Section Group is selected
Sections Object Array Array of Section Objects having Name and Active Status
Code Example:
$("Selector").tuMap({
	OnGroupClick:function(e,Group){
		if(Group.Selected) {
			alert("Selected Group " + Group.Name);
		}
	}
});
	

OnTicketSelected

Fires when User Clicks Buy Button in Tickets List (Buy Button is Internally Implemented).
Callback Parameter Type
Id String Ticket Id Passed in Tickets List
Quantity Numeric Selected Quantity
Code Example:
	$("Selector").tuMap({
    	OnTicketSelected:function(e,Ticket){
		  alert("TicketId:" + Ticket.Id +", Quantity:" + Ticket.Quantity);
		}
	});
				

OnReset

Fires when User Clicks Reset Button on the Map.
Code Example:
     $("Selector").tuMap({
	   OnReset:function(e){
		//Write Code Here
	   }
	});
				

OnBeforeListRender

Fires after the Map is Loaded but before the List is Rendered.
Code Example:
     $("Selector").tuMap({
	   OnBeforeListRender:function(e){
//Adjust the List Container Height by Taking into Account Map Size and Section Groups 
  / Legends Height (If Shown)
	   }
	});
				

OnAfterListRender

Fires after the List is Rendered or Filtered.
Code Example:
     $("Selector").tuMap({
	   OnAfterListRender:function(e){
            //Attach Event Listeners to the List
	   }
	});
				

Methods

HighlightSection

Highlights the Section
Signature:
$("Selector").tuMap("HighlightSection",SectionName);

ResetSection

Highlights the Highlighted Section
Signature:
$("Selector").tuMap("ResetSection",SectionName);

ToggleSelection

Select/Deselects the Section
Signature:
$("Selector").tuMap("ToggleSelection",SectionName);

ToggleAll

Select/Deselects all the Sections on the Map
Signature:
$("Selector").tuMap("ToggleAll");

GetSelectedSections

Returns Array of Selected Section Names on the Map. If OnlyUnique is true, it will return only Unique Section Names on the Map. If false, it will return the Section Names as passed to the Plugin.
If OnlyUnique is true and IncludeGroupName is true, it will return combined Group Name and Section Name in the result.

Signature:
var Sections=$("Selector").tuMap("GetSelectedSections",
                        {
                            OnlyUnique:true
                            ,  IncludeGroupName:true
                        });

SetOptions

Select/Deselects the Section
Signature:
$("Selector").tuMap("SetOptions",{
	ZoomLevel:1
	,TicketsFilter: {
		Quantity:3
	}
});
            

Refresh

Refreshes the Map/Tickets List to Reflect the Changed Options by SetOptions call. Parameter is Optional and will be Auto Detected by Plugin, Possible Parameters are Reset, ProcessTickets, SortTickets, ShowTickets

Note: In External Ticket List implementation i.e. RowSelector is Provided. In the Event of Change in Tickets List, You must manually call Refresh with Parameter ProcessTickets in order to Refresh the Section Mappings.
Signature:
$("Selector").tuMap("Refresh"); 
Force Full Reset:
$("Selector").tuMap("Refresh","Reset");

FilterTickets

Filters the Tickets List by the Section Passed as an Argument
Signature:
$("Selector").tuMap("FilterTickets","Parking",true); 

AddMapControl

Add a Custom Button at the Bottom of the Map
Signature:
$("Selector").tuMap("AddMapControl","My Button Name",function(Selected){
    if(Selected)
    {
        alert("Selected");
    }
    else
    {
        alert("Deselected");
    }
}); 

RemoveMapControl

Remove a Button from the Map
Signature:
$("Selector").tuMap("RemoveMapControl","Parking"); 

ZoomIn

Zoom In the Map. Returns false if Maximum Zoom Level has Reached
Signature:
var Result=$("Selector").tuMap("ZoomIn");

ZoomOut

Zoom Out the Map. Returns false if Minimum Zoom Level has Reached
Signature:
var Result=$("Selector").tuMap("ZoomOut");