Support customization of the Feature Info Panel for each data layer in Cesium

[robyngit]

In Cesium, clicking on a data entity (e.g. on a LEO Network marker) shows an "info box" containing the description property or attribute table of that entity. Make the information shown in that info box configurable (e.g. for the LEO Network data, we show the date, an image, a link, logo, etc, but this is currently hard-coded in the app.)

[robyngit]

This is how the default Feature Info Panel looks now:

[robyngit]

Completed in the feature-cesium-portals branch, which includes the addition of a "story" template:

Which properties are used in the each part of the template are configured in a featureTemplate property:

metacatui/src/js/models/maps/assets/MapAsset.js

Lines 172 to 211 in 451d93e

	/**
	* A feature template configures the format and content of information displayed
	* in the Feature Info panel ({@link FeatureInfoView}). The Feature Info panel is
	* displayed in a map when a user clicks on a vector feature in a map.
	* @typedef {Object} FeatureTemplate
	* @name MapConfig#FeatureTemplate
	* @since 2.x.x
	* @property {'story'|'table'} [template='table'] The name/ID of the template to
	* use. This must match the name of one of the templates available in
	* {@link FeatureInfoView#contentTemplates}.
	* @property {string} [label] Sets which of the feature properties to use as the
	* title for the FeatureInfoView. The string must exactly match the key for a
	* property that exists in the feature.
	* @property {MapConfig#StoryTemplateOptions} [options] A list of key-value pairs
	* that map the template variable to a property/attribute of the the feature. Keys
	* are the template variable names and values are the names of properties in the
	* feature. Template variable names are specific to each template. Currently only
	* the 'story' template allows variables. These are specified in the
	* {@link FeatureInfoView#contentTemplates}.
	* @example
	* // Use the "story" template, which shows a secondary title, image, description,
	* // and link.
	* {
	* "template": "story",
	* "label": "title",
	* "options": {
	* "subtitle": "formattedDate",
	* "description": "summary",
	* "thumbnail": "imageSrc",
	* "url": "newsLink",
	* "urlText": "newsTitle",
	* }
	* }
	* @example
	* // Use the default template (a table), but use the "forestName" attribute for
	* // the FeatureInfo panel label
	* {
	* "label": "forestName"
	* }
	*/

The content of a FeatureInfoView is rendered within an iframe.

[mbjones]

Nice, @robyngit ! 🎉