terriajs
Version:
Geospatial data visualization platform.
494 lines (405 loc) • 33.1 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: Map/Legend.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: Map/Legend.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>/*global require*/
"use strict";
var defaultValue = require('terriajs-cesium/Source/Core/defaultValue');
var defineProperties = require('terriajs-cesium/Source/Core/defineProperties');
var defined = require('terriajs-cesium/Source/Core/defined');
var LegendUrl = require('./LegendUrl');
/**
* Legend object for generating and displaying a legend.
* Constructor: new Legend(props), where props is an object containing many properties.
* Other than the "items" property, it is preferable to leave other properties to their defaults
* for style consistency.
*/
var Legend = function(props) {
props = defaultValue(props, {});
this.title = props.title;
/**
* Gets or sets the list of items, ordered from bottom to top, with properties:
* * `color`: CSS color description,
* * `multipleColors`: An array of CSS color descriptions. A grid of these colors will be displayed in the box to the left of the item label.
* * `title`: label placed level with middle of box
* * `titleAbove`: label placed level with top of box
* * `titleBelow`: label placed level with bottom of box
* * `imageUrl`: url of image that will be drawn instead of a coloured box
* * `imageWidth`, `imageHeight`: image dimensions
* * `spacingAbove`: adds to itemSpacing for this item only.
* @type {Object[]}
*/
this.items = defaultValue(props.items, []);
/**
* Gets or sets a color map used to draw a smooth gradient instead of discrete color boxes.
* @type {ColorMap}
*/
this.gradientColorMap = props.gradientColorMap;
/**
* Gets or sets the maximum height of the whole color bar, unless very many items.
* @type {Number}
* @default 130
*/
this.barHeightMax = defaultValue(props.barHeightMax, 130);
/**
* Gets or sets the minimum height of the whole color bar.
* @type {Number}
* @default 30
*/
this.barHeightMin = defaultValue(props.barHeightMax, 30);
/**
* Gets or sets the width of each color box (and hence, the color bar)
* @type {Number}
* @default 30
*/
this.itemWidth = defaultValue(props.itemWidth, 30);
/**
* Gets or sets the asbolute minimum height of each color box, overruling barHeightMax.
* @type {Number}
* @default 12
*/
this.itemHeightMin = defaultValue(props.itemHeightMin, 12);
/**
* Gets or sets the forced height of each color box. Better to leave unset.
* @type {Number}
* @default the smaller of `props.barHeightMax / props.items.length` and 30.
*/
this.itemHeight = props.itemHeight;
/**
* Gets or sets the gap between each pair of color boxes.
* @type {Number}
* @default 0
*/
this.itemSpacing = defaultValue(props.itemSpacing, 0);
/**
* Gets or sets the spacing to the left of the color bar.
* @type {Number}
* @default 5
*/
this.barLeft = defaultValue(props.barLeft, 5);
/**
* Gets or sets the spacing between the title and color bar.
* @type {Number}
* @default 5
*/
this.barTop = defaultValue(props.barTop, 5);
/**
* Gets or sets the forced total width of the legend.
* @type {Number}
* @default 315
*/
this.width = defaultValue(props.width, 315);
/**
* Gets or sets the horizontal offset of variable title.
* @type {Number}
* @default 5
*/
this.variableNameLeft = defaultValue(props.variableNameLeft, 5);
/**
* Gets or sets the vertical offset of variable title.
* @type {Number}
* @default 17
*/
this.variableNameTop = defaultValue(props.variableNameTop, 17);
/**
* Gets or sets the CSS class that will be applied to the legend when it is displayed.
* This is used to ensure that the correct font is used when measuring text for word wrapping.
* @type {String}
*/
this.cssClass = defaultValue(props.cssClass, 'tjs-legend__legend');
this._svg = undefined;
};
defineProperties(Legend.prototype, {
computedItemHeight: {
get: function() {
return defaultValue(this.itemHeight, Math.max(Math.min(this.barHeightMax / this.items.length, 30), this.itemHeightMin));
},
set: function(h) {
this.itemHeight = h;
}
}
});
function initSvg(legend) {
legend._svgns = 'http://www.w3.org/2000/svg';
legend._svg = document.createElementNS(legend._svgns, 'svg');
//legend._svg.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
legend._svg.setAttribute('version', "1.1");
legend._svg.setAttribute('width', legend.width);
legend._svg.setAttribute('class', 'generated-legend now-viewing-legend-image-background');
}
function finishSvg(legend, background, height) {
background.setAttribute('height', height);
legend._svg.setAttribute('height', height);
legend._svg.setAttribute('style', 'height: ' + height + 'px');
// we create this temporary wrapper because IE doesn't allow innerHTML on SVG nodes.
var temp = document.createElement('div');
var node = legend._svg.cloneNode(true);
temp.appendChild(node);
return temp.innerHTML;
}
function addSvgElement(legend, element, attributes, className, innerText) {
return legend._svg.appendChild(svgElement(legend, element, attributes, className, innerText));
}
function svgElement(legend, element, attributes, className, innerText) {
var ele = document.createElementNS(legend._svgns, element);
Object.keys(attributes).forEach(function(att) {
if (att.indexOf('xlink:') === 0) {
ele.setAttributeNS('http://www.w3.org/1999/xlink', att.substring('xlink:'.length), attributes[att]);
} else {
ele.setAttribute(att, attributes[att]);
}
});
if (defined(innerText)) {
ele.textContent = innerText;
}
if (defined(className)) {
ele.setAttribute('class', className);
}
return ele;
}
/*
* The name of the active data variable, drawn above the ramp or gradient.
*/
function drawVariableName(legend) {
// Create a hidden DOM element to use to measure text.
var measureElement = document.createElement('span');
measureElement.className = legend.cssClass;
measureElement.style.opacity = 0;
measureElement.style.position = 'fixed';
document.body.appendChild(measureElement);
var parts = (legend.title || '').split(' ');
var start = 0;
var end = parts.length;
var y = legend.variableNameTop;
while (start < parts.length) {
var text = parts.slice(start, end).join(' ');
measureElement.textContent = text;
var dimensions = measureElement.getBoundingClientRect();
// Add this text if it fits on the line, or if we're down to just one word.
// Ideally, if we have one word and it doesn't fit on the line, we'd wrap
// mid-word, but that would be a hassle: we'd have to find the portion of the
// word that fits using a search-by-character much like the one we're already doing for
// words. Since this is a pretty unlikely corner case anyway (I hope), let's just
// stick it all on one line and let the browser clip it on overflow.
if (dimensions.width <= legend.width || start === end - 1) {
addSvgElement(legend, 'text', {
x: legend.variableNameLeft,
y: y,
}, 'variable-label', text);
y += dimensions.height;
start = end;
end = parts.length;
} else {
--end;
}
}
document.body.removeChild(measureElement);
return y;
}
var gradientCount = 0;
/* The older, non-quantised, smooth gradient. */
function drawGradient(legend, barGroup, y) {
var id = 'terriajs-legend-gradient' + (++gradientCount);
var defs = addSvgElement(legend, 'defs', {}); // apparently it's ok to have the defs anywhere in the doc
var linearGradient = svgElement(legend, 'linearGradient', {
x1: '0',
x2: '0',
y1: '1',
y2: '0',
id: id
});
legend.gradientColorMap.forEach(function(c, i) {
linearGradient.appendChild(svgElement(legend, 'stop', {
offset: c.offset,
'stop-color': c.color
}));
});
defs.appendChild(linearGradient);
var gradientItems = legend.items.filter(function(item) {
return !defined(item.color);
});
var totalSpacingAbove = gradientItems.reduce(function(prev, item) {
return prev + (item.spacingAbove || 0);
}, 0);
var barHeight = Math.max((legend.computedItemHeight + legend.itemSpacing) * gradientItems.length + totalSpacingAbove, legend.barHeightMin);
addSvgElement(legend, 'rect', {
x: legend.barLeft,
y: y,
width: legend.itemWidth,
height: barHeight,
fill: 'url(#' + id + ')'
}, 'gradient-bar');
return barHeight;
}
/*
* Draw each of the colored boxes.
*/
function drawItemBoxes(legend, barGroup) {
legend.items.forEach(function(item, i) {
var itemTop = itemY(legend, i);
if (defined(item.imageUrl)) {
barGroup.appendChild(svgElement(legend, 'image', {
'xlink:href': item.imageUrl,
x: 0,
y: itemTop,
width: Math.min(item.imageWidth, legend.itemWidth + 4), // let them overlap slightly
height: Math.min(item.imageHeight, legend.computedItemHeight + 4)
}, 'item-icon'));
return;
}
if (defined(item.multipleColors)) {
var columns = Math.sqrt(item.multipleColors.length) | 0;
var rows = Math.ceil(item.multipleColors.length / columns) | 0;
var colorCount = item.multipleColors.length;
var index = 0;
var y = itemTop;
for (var row = 0; index < colorCount && row < rows; ++row) {
var height = row === rows - 1 ? legend.computedItemHeight - (y - itemTop) : legend.computedItemHeight / rows;
var x = 0;
for (var column = 0; index < colorCount && column < columns; ++column) {
var color = item.multipleColors[index++];
var width = column === columns - 1 ? legend.itemWidth - x : legend.itemWidth / columns;
barGroup.appendChild(svgElement(legend, 'rect', {
fill: color,
x: x,
y: y,
width: width,
height: height
}, 'item-box'));
x += width;
}
y += height;
}
} else if (defined(item.color)) {
barGroup.appendChild(svgElement(legend, 'rect', {
fill: item.color,
x: 0,
y: itemTop,
width: legend.itemWidth,
height: legend.computedItemHeight
}, 'item-box'));
}
});
}
/*
* The Y position of the top of a given item number, relative to the top of the bar.
*/
function itemY(legend, itemNumber) {
var cumSpacingAbove = legend.items.slice(itemNumber).reduce(function(prev, item) { return prev + (item.spacingAbove || 0); }, 0);
return (legend.items.length - itemNumber - 1) * (legend.computedItemHeight + legend.itemSpacing) + cumSpacingAbove;
}
/*
* Label the thresholds between bins for numeric columns, or the color boxes themselves in other cases.
*/
function drawItemLabels(legend, barGroup) {
// draw a subtle tick to help indicate what the label refers to
function drawTick (y) {
barGroup.appendChild(svgElement(legend, 'line', {
x1: legend.itemWidth,
x2: legend.itemWidth + 5,
y1: y,
y2: y
}, 'tick-mark'));
}
function drawLabel(y, text) {
var textOffsetX = 7;
var textOffsetY = 3; // pixel shuffling to get the text to line up just right.
barGroup.appendChild(svgElement(legend, 'text', {
x: legend.itemWidth + textOffsetX,
y: y + textOffsetY
}, 'item-label' + (legend.items.length > 6 ? '-small' : ''), text));
}
legend.items.forEach(function(item, i) {
var y = itemY(legend, i);
if (defined(item.titleAbove)) {
drawLabel(y, item.titleAbove);
drawTick(y);
}
if (defined(item.title)) {
drawLabel(y + legend.computedItemHeight / 2, item.title);
}
if (defined(item.titleBelow)) {
drawLabel(y + legend.computedItemHeight, item.titleBelow);
drawTick(y + legend.computedItemHeight);
}
});
return itemY(legend, -1);
}
function drawBackground(legend) {
return addSvgElement(legend, 'rect', {
x: 0,
y: 0,
width: legend.width,
height: 1, // reset in finishSvg
}, 'background'); // same class as in LegendSection.html
}
/**
* Generate legend and return it as an SVG string
* @return {String}
*/
Legend.prototype.drawSvg = function() {
initSvg(this);
var background = drawBackground(this);
var y = drawVariableName(this);
var barGroup = addSvgElement(this, 'g', {
transform: 'translate(' + this.barLeft + ',' + (y + this.barTop) + ')'
}, 'legend-bar-group');
var gradientY = y + this.barTop;
var labelsY = y + this.barTop;
if (defined(this.gradientColorMap)) {
gradientY += drawGradient(this, barGroup, gradientY);
}
if (this.items.length > 0) {
drawItemBoxes(this, barGroup);
labelsY += drawItemLabels(this, barGroup);
}
y = Math.max(gradientY, labelsY);
return finishSvg(this, background, y + this.computedItemHeight / 2);
};
/**
* Generate legend and return it as a data URI containing an SVG. Note that this SVG does
* not contain inline styles.
* @return {String}
*/
Legend.prototype.asSvgUrl = function() {
return "data:image/svg+xml," + this.drawSvg();
};
/**
* Return a LegendUrl object which actually contains the SVG as a property, .safeSvgContent.
*/
Legend.prototype.getLegendUrl = function() {
var svg = this.drawSvg();
var legendUrl = new LegendUrl('data:image/svg+xml,' + svg, 'image/svg+xml');
legendUrl.safeSvgContent = svg;
return legendUrl;
};
module.exports = Legend;
</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="AbsCode.html">AbsCode</a></li><li><a href="AbsConcept.html">AbsConcept</a></li><li><a href="AbsDataset.html">AbsDataset</a></li><li><a href="AbsIttCatalogGroup.html">AbsIttCatalogGroup</a></li><li><a href="AbsIttCatalogItem.html">AbsIttCatalogItem</a></li><li><a href="AddressGeocoder.html">AddressGeocoder</a></li><li><a href="ArcGisCatalogGroup.html">ArcGisCatalogGroup</a></li><li><a href="ArcGisFeatureServerCatalogGroup.html">ArcGisFeatureServerCatalogGroup</a></li><li><a href="ArcGisFeatureServerCatalogItem.html">ArcGisFeatureServerCatalogItem</a></li><li><a href="ArcGisMapServerCatalogGroup.html">ArcGisMapServerCatalogGroup</a></li><li><a href="ArcGisMapServerCatalogItem.html">ArcGisMapServerCatalogItem</a></li><li><a href="AugmentedVirtuality.html">AugmentedVirtuality</a></li><li><a href="BingMapsCatalogItem.html">BingMapsCatalogItem</a></li><li><a href="BooleanParameter.html">BooleanParameter</a></li><li><a href="BulkAddressGeocoderResult.html">BulkAddressGeocoderResult</a></li><li><a href="CameraView.html">CameraView</a></li><li><a href="Catalog.html">Catalog</a></li><li><a href="CatalogFunction.html">CatalogFunction</a></li><li><a href="CatalogGroup.html">CatalogGroup</a></li><li><a href="CatalogItem.html">CatalogItem</a></li><li><a href="CatalogMember.html">CatalogMember</a></li><li><a href="Cesium.html">Cesium</a></li><li><a href="Cesium3DTilesCatalogItem.html">Cesium3DTilesCatalogItem</a></li><li><a href="CesiumDragPoints.html">CesiumDragPoints</a></li><li><a href="CesiumTerrainCatalogItem.html">CesiumTerrainCatalogItem</a></li><li><a href="CkanCatalogGroup.html">CkanCatalogGroup</a></li><li><a href="CkanCatalogItem.html">CkanCatalogItem</a></li><li><a href="Clock.html">Clock</a></li><li><a href="CompositeCatalogItem.html">CompositeCatalogItem</a></li><li><a href="Concept.html">Concept</a></li><li><a href="CorsProxy.html">CorsProxy</a></li><li><a href="CsvCatalogItem.html">CsvCatalogItem</a></li><li><a href="CswCatalogGroup.html">CswCatalogGroup</a></li><li><a href="CustomComponentType.html">CustomComponentType</a></li><li><a href="CzmlCatalogItem.html">CzmlCatalogItem</a></li><li><a href="DataSourceCatalogItem.html">DataSourceCatalogItem</a></li><li><a href="DateTimeParameter.html">DateTimeParameter</a></li><li><a href="DisplayVariablesConcept.html">DisplayVariablesConcept</a></li><li><a href="EnumerationParameter.html">EnumerationParameter</a></li><li><a href="Feature.html">Feature</a></li><li><a href="FunctionParameter.html">FunctionParameter</a></li><li><a href="GeoJsonCatalogItem.html">GeoJsonCatalogItem</a></li><li><a href="GlobeOrMap.html">GlobeOrMap</a></li><li><a href="GnafAddressGeocoder.html">GnafAddressGeocoder</a></li><li><a href="GnafApi.html">GnafApi</a></li><li><a href="GnafSearchProviderViewModel.html">GnafSearchProviderViewModel</a></li><li><a href="GpxCatalogItem.html">GpxCatalogItem</a></li><li><a href="HelpScreen.html">HelpScreen</a></li><li><a href="HelpSequence.html">HelpSequence</a></li><li><a href="HelpSequences.html">HelpSequences</a></li><li><a href="HelpViewState.html">HelpViewState</a></li><li><a href="ImageryLayerCatalogItem____.html">ImageryLayerCatalogItem</a></li><li><a href="IonImageryCatalogItem.html">IonImageryCatalogItem</a></li><li><a href="KmlCatalogItem.html">KmlCatalogItem</a></li><li><a href="Leaflet.html">Leaflet</a></li><li><a href="LeafletDataSourceDisplay.html">LeafletDataSourceDisplay</a></li><li><a href="LeafletDragPoints.html">LeafletDragPoints</a></li><li><a href="LeafletGeomVisualizer.html">LeafletGeomVisualizer</a></li><li><a href="LegendHelper.html">LegendHelper</a></li><li><a href="LegendUrl.html">LegendUrl</a></li><li><a href="LineParameter.html">LineParameter</a></li><li><a href="MagdaCatalogItem.html">MagdaCatalogItem</a></li><li><a href="MapboxMapCatalogItem.html">MapboxMapCatalogItem</a></li><li><a href="MapInteractionMode.html">MapInteractionMode</a></li><li><a href="Metadata.html">Metadata</a></li><li><a href="MetadataItem.html">MetadataItem</a></li><li><a href="module.html#.exports">exports</a></li><li><a href="OgrCatalogItem.html">OgrCatalogItem</a></li><li><a href="OpenStreetMapCatalogItem.html">OpenStreetMapCatalogItem</a></li><li><a href="PlacesLikeMeCatalogfunction.html">PlacesLikeMeCatalogfunction</a></li><li><a href="PointParameter.html">PointParameter</a></li><li><a href="Polling.html">Polling</a></li><li><a href="PolygonParameter.html">PolygonParameter</a></li><li><a href="RectangleParameter.html">RectangleParameter</a></li><li><a href="RegionDataParameter.html">RegionDataParameter</a></li><li><a href="RegionMapping.html">RegionMapping</a></li><li><a href="RegionParameter.html">RegionParameter</a></li><li><a href="RegionProvider.html">RegionProvider</a></li><li><a href="RegionProviderList.html">RegionProviderList</a></li><li><a href="RegionTypeParameter.html">RegionTypeParameter</a></li><li><a href="ResultPendingCatalogItem.html">ResultPendingCatalogItem</a></li><li><a href="SdmxJsonCatalogItem.html">SdmxJsonCatalogItem</a></li><li><a href="SensorObservationServiceCatalogItem.html">SensorObservationServiceCatalogItem</a></li><li><a href="SocrataCatalogGroup.html">SocrataCatalogGroup</a></li><li><a href="SpatialDetailingCatalogFunction.html">SpatialDetailingCatalogFunction</a></li><li><a href="StringParameter.html">StringParameter</a></li><li><a href="SummaryConcept.html">SummaryConcept</a></li><li><a href="TableCatalogItem.html">TableCatalogItem</a></li><li><a href="TableColumn.html">TableColumn</a></li><li><a href="TableColumnStyle.html">TableColumnStyle</a></li><li><a href="TableDataSource.html">TableDataSource</a></li><li><a href="TableStructure.html">TableStructure</a></li><li><a href="TableStyle.html">TableStyle</a></li><li><a href="TerrainCatalogItem.html">TerrainCatalogItem</a></li><li><a href="Terria.html">Terria</a></li><li><a href="TerriaError.html">TerriaError</a></li><li><a href="TerriaJsonCatalogFunction.html">TerriaJsonCatalogFunction</a></li><li><a href="TimeSeriesStack.html">TimeSeriesStack</a></li><li><a href="UrlTemplateCatalogItem.html">UrlTemplateCatalogItem</a></li><li><a href="UrthecastCatalogGroup.html">UrthecastCatalogGroup</a></li><li><a href="UrthecastServerCatalogItem.html">UrthecastServerCatalogItem</a></li><li><a href="UserDrawing.html">UserDrawing</a></li><li><a href="VariableConcept.html">VariableConcept</a></li><li><a href="ViewerModes..html">ViewerModes.</a></li><li><a href="WebFeatureServiceCatalogGroup.html">WebFeatureServiceCatalogGroup</a></li><li><a href="WebFeatureServiceCatalogItem.html">WebFeatureServiceCatalogItem</a></li><li><a href="WebMapServiceCatalogGroup.html">WebMapServiceCatalogGroup</a></li><li><a href="WebMapServiceCatalogItem.html">WebMapServiceCatalogItem</a></li><li><a href="WebMapTileServiceCatalogGroup.html">WebMapTileServiceCatalogGroup</a></li><li><a href="WebMapTileServiceCatalogItem.html">WebMapTileServiceCatalogItem</a></li><li><a href="WebProcessingServiceCatalogFunction.html">WebProcessingServiceCatalogFunction</a></li><li><a href="WebProcessingServiceCatalogGroup.html">WebProcessingServiceCatalogGroup</a></li><li><a href="WebProcessingServiceCatalogItem.html">WebProcessingServiceCatalogItem</a></li><li><a href="WfsFeaturesCatalogGroup.html">WfsFeaturesCatalogGroup</a></li><li><a href="WhyAmISpecialCatalogFunction.html">WhyAmISpecialCatalogFunction</a></li></ul><h3>Global</h3><ul><li><a href="global.html#_bumpyTerrainProvider">_bumpyTerrainProvider</a></li><li><a href="global.html#_terrain">_terrain</a></li><li><a href="global.html#activeTimeColumnNameIdOrIndex">activeTimeColumnNameIdOrIndex</a></li><li><a href="global.html#addBoundingBox">addBoundingBox</a></li><li><a href="global.html#addMarker">addMarker</a></li><li><a href="global.html#addUserCatalogMember">addUserCatalogMember</a></li><li><a href="global.html#allFeaturesAvailablePromise">allFeaturesAvailablePromise</a></li><li><a href="global.html#allShareKeys">allShareKeys</a></li><li><a href="global.html#arrayProduct">arrayProduct</a></li><li><a href="global.html#barHeightMax">barHeightMax</a></li><li><a href="global.html#barHeightMin">barHeightMin</a></li><li><a href="global.html#barLeft">barLeft</a></li><li><a href="global.html#barTop">barTop</a></li><li><a href="global.html#buildEmptyAccumulator">buildEmptyAccumulator</a></li><li><a href="global.html#buildRequestData">buildRequestData</a></li><li><a href="global.html#buildShareLink">buildShareLink</a></li><li><a href="global.html#buildShortShareLink">buildShortShareLink</a></li><li><a href="global.html#calculateFinishDatesFromStartDates">calculateFinishDatesFromStartDates</a></li><li><a href="global.html#canShorten">canShorten</a></li><li><a href="global.html#categoryName">categoryName</a></li><li><a href="global.html#ChartData">ChartData</a></li><li><a href="global.html#color">color</a></li><li><a href="global.html#ColorMap">ColorMap</a></li><li><a href="global.html#combineData">combineData</a></li><li><a href="global.html#combineFilters">combineFilters</a></li><li><a href="global.html#combineRepeated">combineRepeated</a></li><li><a href="global.html#combineValueArrays">combineValueArrays</a></li><li><a href="global.html#computeRingWindingOrder">computeRingWindingOrder</a></li><li><a href="global.html#computeScreenSpacePosition">computeScreenSpacePosition</a></li><li><a href="global.html#config">config</a></li><li><a href="global.html#containsAny">containsAny</a></li><li><a href="global.html#convertLuceneHit">convertLuceneHit</a></li><li><a href="global.html#convertToDates">convertToDates</a></li><li><a href="global.html#correctEntityHeight">correctEntityHeight</a></li><li><a href="global.html#createCatalogItemFromFileOrUrl">createCatalogItemFromFileOrUrl</a></li><li><a href="global.html#createCatalogItemFromUrl">createCatalogItemFromUrl</a></li><li><a href="global.html#createCatalogMemberFromType">createCatalogMemberFromType</a></li><li><a href="global.html#createLeafletCredit">createLeafletCredit</a></li><li><a href="global.html#createParameterFromType">createParameterFromType</a></li><li><a href="global.html#createRegexDeserializer">createRegexDeserializer</a></li><li><a href="global.html#createRegexSerializer">createRegexSerializer</a></li><li><a href="global.html#cssClass">cssClass</a></li><li><a href="global.html#CustomComponents">CustomComponents</a></li><li><a href="global.html#deIndexWithDescendants">deIndexWithDescendants</a></li><li><a href="global.html#Description">Description</a></li><li><a href="global.html#direction">direction</a></li><li><a href="global.html#disposeSubscription">disposeSubscription</a></li><li><a href="global.html#EarthGravityModel1996">EarthGravityModel1996</a></li><li><a href="global.html#error">error</a></li><li><a href="global.html#extendLoad">extendLoad</a></li><li><a href="global.html#extent">extent</a></li><li><a href="global.html#featureClicked">featureClicked</a></li><li><a href="global.html#featureDataToGeoJson">featureDataToGeoJson</a></li><li><a href="global.html#featureMousedown">featureMousedown</a></li><li><a href="global.html#features">features</a></li><li><a href="global.html#findKeyForGroupElement">findKeyForGroupElement</a></li><li><a href="global.html#flattenCatalog">flattenCatalog</a></li><li><a href="global.html#formatDate">formatDate</a></li><li><a href="global.html#formatDateTime">formatDateTime</a></li><li><a href="global.html#formatNumberForLocale">formatNumberForLocale</a></li><li><a href="global.html#formatPropertyValue">formatPropertyValue</a></li><li><a href="global.html#formatTime">formatTime</a></li><li><a href="global.html#getAncestors">getAncestors</a></li><li><a href="global.html#getColumnOptions">getColumnOptions</a></li><li><a href="global.html#getColumnWithNameIdOrIndex">getColumnWithNameIdOrIndex</a></li><li><a href="global.html#getDataUriFormat">getDataUriFormat</a></li><li><a href="global.html#getGroupChildren">getGroupChildren</a></li><li><a href="global.html#getShareData">getShareData</a></li><li><a href="global.html#getTemporalFiltersContext">getTemporalFiltersContext</a></li><li><a href="global.html#getUniqueValues">getUniqueValues</a></li><li><a href="global.html#gmlToGeoJson">gmlToGeoJson</a></li><li><a href="global.html#gradientColorMap">gradientColorMap</a></li><li><a href="global.html#hasAddress">hasAddress</a></li><li><a href="global.html#hasChildren">hasChildren</a></li><li><a href="global.html#hasLatitudeAndLongitude">hasLatitudeAndLongitude</a></li><li><a href="global.html#hostInDomains">hostInDomains</a></li><li><a href="global.html#id">id</a></li><li><a href="global.html#infoWithoutSources">infoWithoutSources</a></li><li><a href="global.html#isBrowserCompatible">isBrowserCompatible</a></li><li><a href="global.html#isCommonMobilePlatform">isCommonMobilePlatform</a></li><li><a href="global.html#isLoading">isLoading</a></li><li><a href="global.html#isVisible">isVisible</a></li><li><a href="global.html#itemHeight">itemHeight</a></li><li><a href="global.html#itemHeightMin">itemHeightMin</a></li><li><a href="global.html#items">items</a></li><li><a href="global.html#itemSpacing">itemSpacing</a></li><li><a href="global.html#itemWidth">itemWidth</a></li><li><a href="global.html#Legend">Legend</a></li><li><a href="global.html#legendUrl">legendUrl</a></li><li><a href="global.html#map">map</a></li><li><a href="global.html#markdownToHtml">markdownToHtml</a></li><li><a href="global.html#markerVisible">markerVisible</a></li><li><a href="global.html#name">name</a></li><li><a href="global.html#NowViewing">NowViewing</a></li><li><a href="global.html#overrideProperty">overrideProperty</a></li><li><a href="global.html#pad">pad</a></li><li><a href="global.html#parseCustomHtmlToReact">parseCustomHtmlToReact</a></li><li><a href="global.html#parseCustomMarkdownToReact">parseCustomMarkdownToReact</a></li><li><a href="global.html#PickedFeatures">PickedFeatures</a></li><li><a href="global.html#pickPosition">pickPosition</a></li><li><a href="global.html#point">point</a></li><li><a href="global.html#points">points</a></li><li><a href="global.html#position">position</a></li><li><a href="global.html#prettifyCoordinates">prettifyCoordinates</a></li><li><a href="global.html#prettifyProjection">prettifyProjection</a></li><li><a href="global.html#printWindow">printWindow</a></li><li><a href="global.html#processAddress">processAddress</a></li><li><a href="global.html#Proj4Definitions">Proj4Definitions</a></li><li><a href="global.html#propertyGetTimeValues">propertyGetTimeValues</a></li><li><a href="global.html#readJson">readJson</a></li><li><a href="global.html#rectangle">rectangle</a></li><li><a href="global.html#rectangleToLatLngBounds">rectangleToLatLngBounds</a></li><li><a href="global.html#RegionDataValue">RegionDataValue</a></li><li><a href="global.html#regionDetails">regionDetails</a></li><li><a href="global.html#registerCustomComponentTypes">registerCustomComponentTypes</a></li><li><a href="global.html#rememberRejections">rememberRejections</a></li><li><a href="global.html#removeMarker">removeMarker</a></li><li><a href="global.html#replaceUnderscores">replaceUnderscores</a></li><li><a href="global.html#sanitiseAddressNumber">sanitiseAddressNumber</a></li><li><a href="global.html#selectBaseMap">selectBaseMap</a></li><li><a href="global.html#serializeToJson">serializeToJson</a></li><li><a href="global.html#ServerConfig">ServerConfig</a></li><li><a href="global.html#setClockCurrentTime">setClockCurrentTime</a></li><li><a href="global.html#shareKeyIndex">shareKeyIndex</a></li><li><a href="global.html#shouldBeUpdated">shouldBeUpdated</a></li><li><a href="global.html#showSelection">showSelection</a></li><li><a href="global.html#sortByFirst">sortByFirst</a></li><li><a href="global.html#sortedIndices">sortedIndices</a></li><li><a href="global.html#splitIntoBatches">splitIntoBatches</a></li><li><a href="global.html#supportsIntervals">supportsIntervals</a></li><li><a href="global.html#supportsWebGL">supportsWebGL</a></li><li><a href="global.html#TerriaViewer">TerriaViewer</a></li><li><a href="global.html#Title">Title</a></li><li><a href="global.html#toArrayOfRows">toArrayOfRows</a></li><li><a href="global.html#Tooltip">Tooltip</a></li><li><a href="global.html#triggerResize">triggerResize</a></li><li><a href="global.html#unionRectangleArray">unionRectangleArray</a></li><li><a href="global.html#unionRectangles">unionRectangles</a></li><li><a href="global.html#units">units</a></li><li><a href="global.html#up">up</a></li><li><a href="global.html#updateApplicationOnHashChange">updateApplicationOnHashChange</a></li><li><a href="global.html#updateFromJson">updateFromJson</a></li><li><a href="global.html#updateRectangleFromRegion">updateRectangleFromRegion</a></li><li><a href="global.html#variableNameLeft">variableNameLeft</a></li><li><a href="global.html#variableNameTop">variableNameTop</a></li><li><a href="global.html#ViewerMode">ViewerMode</a></li><li><a href="global.html#width">width</a></li><li><a href="global.html#yAxisMax">yAxisMax</a></li><li><a href="global.html#yAxisMin">yAxisMin</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Sep 21 2018 12:26:18 GMT+1000 (AUS Eastern Standard Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>