terriajs
Version:
Geospatial data visualization platform.
511 lines (441 loc) • 35.2 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: Models/UserDrawing.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: Models/UserDrawing.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>'use strict';
var MapInteractionMode = require('../Models/MapInteractionMode');
var DragPoints = require('../Map/DragPoints');
var DeveloperError = require('terriajs-cesium/Source/Core/DeveloperError');
var defined = require('terriajs-cesium/Source/Core/defined');
var defaultValue = require('terriajs-cesium/Source/Core/defaultValue');
var Color = require('terriajs-cesium/Source/Core/Color');
var PolylineGlowMaterialProperty = require('terriajs-cesium/Source/DataSources/PolylineGlowMaterialProperty');
var CustomDataSource = require('terriajs-cesium/Source/DataSources/CustomDataSource');
var CallbackProperty = require('terriajs-cesium/Source/DataSources/CallbackProperty');
var PolygonHierarchy = require('terriajs-cesium/Source/Core/PolygonHierarchy');
var knockout = require('terriajs-cesium/Source/ThirdParty/knockout');
var Entity = require('terriajs-cesium/Source/DataSources/Entity.js');
var when = require('terriajs-cesium/Source/ThirdParty/when');
var Cartesian3 = require('terriajs-cesium/Source/Core/Cartesian3');
/**
* Callback for when a point is clicked.
* @callback PointClickedCallback
* @param {CustomDataSource} customDataSource Contains all point entities that user has selected so far
*/
/**
* Callback for when a point is moved.
* @callback PointMovedCallback
* @param {CustomDataSource} customDataSource Contains all point entities that user has selected so far
*/
/**
* Callback for when clean up is happening, i.e., for done or cancel.
* @callback CleanUpCallback
*/
/**
* Callback for when the dialog is displayed, to provide a custom message
* @callback MakeDialogMessageCallback
* @return {String} Message to add to dialog
*/
/**
* For user drawings, which includes lines and/or a polygon
*
* @alias UserDrawing
* @constructor
*
* @param {Object} options Object with the following properties:
* @param {Terria} options.terria The Terria instance.
* @param {String} [options.messageHeader='Draw on Map'] Heading for the dialog which pops up when in user drawing mode
* @param {Bool} [options.allowPolygon=true] Let the user click on first point to close loop
* @param {PointClickedCallback} [options.onPointClicked] Way to subscribe to point clicks
* @param {PointMovedCallback} [options.onPointMoved] Way to subscribe to point moves
* @param {CleanUpCallback} [options.onCleanUp] Way to add own cleanup
* @param {MakeDialogMessageCallback} [options.onMakeDialogMessage] Way to customise dialog message
*/
var UserDrawing = function(options) {
options = defaultValue(options, defaultValue.EMPTY_OBJECT);
if (!defined(options.terria)) {
throw new DeveloperError('Terria instance is required.');
}
/**
* Text that appears at the top of the dialog when drawmode is active.
* @type {String}
* @default 'Draw on Map'
*/
this.messageHeader = defaultValue(options.messageHeader, 'Draw on Map');
/**
* If true, user can click on first point to close the line, turning it into a polygon.
* @type {Bool}
* @default true
*/
this.allowPolygon = defaultValue(options.allowPolygon, true);
/**
* Callback that occurs when point is clicked (may be added or removed). Function takes a CustomDataSource which is
* a list of PointEntities.
* @type {PointClickedCallback}
* @default undefined
*/
this.onPointClicked = options.onPointClicked;
/**
* Callback that occurs when point is moved. Function takes a CustomDataSource which is a list of PointEntities.
* @type {PointMovedCallback}
* @default undefined
*/
this.onPointMoved = options.onPointMoved;
/**
* Callback that occurs on clean up, i.e. when drawing is done or cancelled.
* @type {CleanUpCallback}
* @default undefined
*/
this.onCleanUp = options.onCleanUp;
/**
* Callback that occurs when the dialog is redrawn, to add additional information to dialog.
* @type {MakeDialogMessageCallback}
* @default undefined
*/
this.onMakeDialogMessage = options.onMakeDialogMessage;
/**
* Instance of Terria
* @type {Terria}
* @default undefined
*/
this.terria = options.terria;
/**
* Storage for points that will be drawn
* @type {CustomDataSource}
*/
this.pointEntities = new CustomDataSource('Points');
/**
* Storage for line that connects the points, and polygon if the first and last point are the same
* @type {CustomDataSource}
*/
this.otherEntities = new CustomDataSource('Lines and polygons');
/**
* Polygon that will be drawn if the user drawing is a closed shape
* @type {Entity}
*/
this.polygon = undefined;
/**
* Whether to interpret user clicks as drawing
* @type {Bool}
*/
this.inDrawMode = false;
/**
* Whether the first and last point in the user drawing are the same
* @type {Bool}
*/
this.closeLoop = false;
/**
* SVG element for point drawn when user clicks.
* http://stackoverflow.com/questions/24869733/how-to-draw-custom-dynamic-billboards-in-cesium-js
*/
var svgDataDeclare = 'data:image/svg+xml,';
var svgPrefix = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" xml:space="preserve">';
var svgCircle = '<circle cx="10" cy="10" r="5" stroke="rgb(0,170,215)" stroke-width="4" fill="white" /> ';
var svgSuffix = '</svg>';
var svgString = svgPrefix + svgCircle + svgSuffix;
// create the cesium entity
this.svgPoint = svgDataDeclare + svgString;
// helper for dragging points around
var that = this;
this.dragHelper = new DragPoints(options.terria, function(customDataSource) {
if (typeof that.onPointMoved === 'function') {
that.onPointMoved(customDataSource);
}
that._prepareToAddNewPoint();
});
};
/**
* Start interpreting user clicks as placing or removing points.
*/
UserDrawing.prototype.enterDrawMode = function() {
this.dragHelper.setUp();
// If we have finished a polygon, don't allow more points to be drawn. In future, perhaps support multiple polygons.
if (this.inDrawMode || this.closeLoop) {
// Do nothing
return;
}
this.inDrawMode = true;
if (defined(this.terria.cesium)) {
this.terria.cesium.viewer.canvas.setAttribute('style', 'cursor: crosshair');
} else if (defined(this.terria.leaflet)) {
document.getElementById('cesiumContainer').setAttribute('style', 'cursor: crosshair');
}
// Cancel any feature picking already in progress.
this.terria.pickedFeatures = undefined;
var that = this;
// Line will show up once user has drawn some points. Vertices of line are user points.
this.otherEntities.entities.add({
name: 'Line',
polyline: {
positions: new CallbackProperty(function(date, result) {
var pos = that._getPointsForShape();
if (that.closeLoop) {
pos.push(pos[0]);
}
return pos;
}, false),
material : new PolylineGlowMaterialProperty({
color : new Color(0.0, 0.0, 0.0, 0.1),
glowPower : 0.25
}),
width: 20
}
});
this.terria.dataSources.add(this.pointEntities);
this.terria.dataSources.add(this.otherEntities);
// Listen for user clicks on map
const pickPointMode = new MapInteractionMode({
message: this._getDialogMessage(),
buttonText: this._getButtonText(),
onCancel: function() {
that.terria.mapInteractionModeStack.pop();
that._cleanUp();
}
});
this.terria.mapInteractionModeStack.push(pickPointMode);
// Handle what happens when user picks a point
knockout.getObservable(pickPointMode, 'pickedFeatures').subscribe(function(pickedFeatures) {
when(pickedFeatures.allFeaturesAvailablePromise, function() {
if (defined(pickedFeatures.pickPosition)) {
var pickedPoint = pickedFeatures.pickPosition;
that._addPointToPointEntities('First Point', pickedPoint);
that._prepareToAddNewPoint();
}
});
});
};
/**
* Create the HTML message in the dialog box.
* Example:
*
* Measuring Tool
* 373.45 km
* Click to add another point
*
* @private
*/
UserDrawing.prototype._getDialogMessage = function() {
var message = '<strong>' + this.messageHeader + '</strong></br>';
var innerMessage = '';
if (typeof this.onMakeDialogMessage === 'function') {
innerMessage = this.onMakeDialogMessage();
}
if (innerMessage !== '') {
message += innerMessage + '</br>';
}
var word = 'a';
if (this.pointEntities.entities.values.length > 0) {
word = 'another';
}
message += '<i>Click to add ' + word + ' point</i>';
// htmlToReactParser will fail if html doesn't have only one root element.
return '<div>' + message + '</div>';
};
/**
* Figure out the text for the dialog button.
* @private
*/
UserDrawing.prototype._getButtonText = function() {
var buttonText = 'Cancel';
if (this.pointEntities.entities.values.length >= 2) {
buttonText = 'Done';
}
return buttonText;
};
/**
* User has finished or cancelled; restore initial state.
* @private
*/
UserDrawing.prototype._cleanUp = function() {
this.terria.dataSources.remove(this.pointEntities);
this.pointEntities = new CustomDataSource('Points');
this.terria.dataSources.remove(this.otherEntities);
this.otherEntities = new CustomDataSource('Lines and polygons');
this.inDrawMode = false;
this.closeLoop = false;
// Return cursor to original state
if (defined(this.terria.cesium)) {
this.terria.cesium.viewer.canvas.setAttribute('style', 'cursor: auto');
} else if (defined(this.terria.leaflet)) {
document.getElementById('cesiumContainer').setAttribute('style', 'cursor: auto');
}
// Allow client to clean up too
if (typeof this.onCleanUp === 'function') {
this.onCleanUp();
}
};
/**
* Called after a point has been added, this updates the MapInteractionModeStack with a listener for another point.
* @private
*/
UserDrawing.prototype._mapInteractionModeUpdate = function() {
this.terria.mapInteractionModeStack.pop();
var that = this;
const pickPointMode = new MapInteractionMode({
message: this._getDialogMessage(),
buttonText: this._getButtonText(),
onCancel: function() {
that.terria.mapInteractionModeStack.pop();
that._cleanUp();
}
});
this.terria.mapInteractionModeStack.push(pickPointMode);
return pickPointMode;
};
/**
* Called after a point has been added, prepares to add and draw another point, as well as updating the dialog.
* @private
*/
UserDrawing.prototype._prepareToAddNewPoint = function() {
var pickPointMode = this._mapInteractionModeUpdate();
var that = this;
knockout.getObservable(pickPointMode, 'pickedFeatures').subscribe(function(pickedFeatures) {
when(pickedFeatures.allFeaturesAvailablePromise, function() {
if (defined(pickedFeatures.pickPosition)) {
var pickedPoint = pickedFeatures.pickPosition;
// If existing point was picked, _clickedExistingPoint handles that, and returns true.
// getDragCount helps us determine if the point was actually dragged rather than clicked. If it was
// dragged, we shouldn't treat it as a clicked-existing-point scenario.
if (that.dragHelper.getDragCount() < 10 && !that._clickedExistingPoint(pickedFeatures.features)) {
// No existing point was picked, so add a new point
that._addPointToPointEntities('Another Point', pickedPoint);
} else {
that.dragHelper.resetDragCount();
}
that._prepareToAddNewPoint();
}
});
});
};
/**
* Return a list of the coords for the user drawing
* @return {Array} An array of coordinates for the user-drawn shape
* @private
*/
UserDrawing.prototype._getPointsForShape = function() {
if (defined(this.pointEntities.entities)) {
var pos = [];
for (var i=0; i < this.pointEntities.entities.values.length; i++) {
var obj = this.pointEntities.entities.values[i];
if (defined(obj.position)) {
var position = obj.position.getValue(this.terria.clock.currentTime);
pos.push(position);
}
}
return pos;
}
};
/**
* Find out if user clicked an existing point and handle appropriately.
* @param {PickedFeatures} features Feature/s that are under the point the user picked
* @return {Bool} Whether user had clicked an existing point
* @private
*/
UserDrawing.prototype._clickedExistingPoint = function(features) {
var userClickedExistingPoint = false;
if (features.length < 1) {
return userClickedExistingPoint;
}
var that = this;
features.forEach((feature)=> {
var index = -1;
for (var i=0; i<this.pointEntities.entities.values.length; i++) {
var pointFeature = this.pointEntities.entities.values[i];
if (pointFeature.id === feature.id) {
index = i;
break;
}
}
if (index === -1) {
// Probably a layer or feature that has nothing to do with what we're drawing.
return;
} else if (index === 0 && !this.closeLoop && this.allowPolygon) {
// Index is zero if it's the first point, meaning we have a closed shape
this.polygon = this.otherEntities.entities.add({
name: 'User polygon',
polygon: {
hierarchy: new CallbackProperty(function(date, result) {
return new PolygonHierarchy(that._getPointsForShape());
}, false),
material: new Color(0.0, 0.666, 0.843, 0.25),
outlineColor: new Color(1.0, 1.0, 1.0, 1.0),
perPositionHeight: true
}
});
this.closeLoop = true;
// A point has not been added, but conceptually it has because the first point is now also the last point.
if (typeof that.onPointClicked === 'function') {
that.onPointClicked(that.pointEntities);
}
userClickedExistingPoint = true;
return;
}
else {
// User clicked on a point that's not the end of the loop. Remove it.
this.pointEntities.entities.removeById(feature.id);
// If it gets down to 2 points, it should stop acting like a polygon.
if (this.pointEntities.entities.values.length < 2 && this.closeLoop) {
this.closeLoop = false;
this.otherEntities.entities.remove(this.polygon);
}
// Also let client of UserDrawing know if a point has been removed.
if (typeof that.onPointClicked === 'function') {
that.onPointClicked(that.pointEntities);
}
userClickedExistingPoint = true;
return;
}
});
return userClickedExistingPoint;
};
/**
* Add new point to list of pointEntities
* @param {String} name What to call new point
* @param {Cartesian3} position Position of new point
* @private
*/
UserDrawing.prototype._addPointToPointEntities = function(name, position) {
var pointEntity = new Entity({
name: name,
position: position,
billboard : {
image : this.svgPoint,
eyeOffset : new Cartesian3(0.0, 0.0, -50.0)
}
});
this.pointEntities.entities.add(pointEntity);
this.dragHelper.updateDraggableObjects(this.pointEntities);
if (typeof this.onPointClicked === 'function') {
this.onPointClicked(this.pointEntities);
}
};
module.exports = UserDrawing;
</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>