MediaContent

AMD: require(["geoscene/popup/content/MediaContent"], (MediaContent) => { /* code goes here */ });
ESM: import MediaContent from "@geoscene/core/popup/content/MediaContent.js";
类: geoscene/popup/content/MediaContent
继承于:MediaContent Content Accessor
起始版本:GeoScene Maps SDK for JavaScript 4.11

MediaContent 弹窗元素包含要在弹出窗口内容中显示的单个或一组图表和/或图像媒体元素。

当使用众数渲染点密度饼图渲染器可视化数据时,图表颜色会自动遵守渲染器颜色。图格化聚类弹出式图表也基于渲染器的颜色。但是,当配置聚类时,弹出式图表仅遵守饼图渲染器的颜色。

popuptemplate-media-piechart

另请参阅
示例
layer.popupTemplate.content = [{
  // The following creates a piechart in addition to an image. The chart is
  // also set  up to work with related tables.
  // Autocasts as new MediaContent()
  type: "media",
  activeMediaInfoIndex: 1,
  // Autocasts as array of MediaInfo objects
  mediaInfos: [{
    title: "<b>Count by type</b>",
    type: "pie-chart", // autocasts as new PieChartMediaInfo
    // Autocasts as new ChartMediaInfoValue object
    value: {
      fields: ["relationships/0/Point_Count_COMMON"],
      normalizeField: null,
      tooltipField: "relationships/0/COMMON"
    }
  }, {
    title: "<b>Mexican Fan Palm</b>",
    type: "image", // Autocasts as new ImageMediaInfo object
    caption: "tree species",
    // Autocasts as new ImageMediaInfoValue object
    value: {
      sourceURL: "https://www.sunset.com/wp-content/uploads/96006df453533f4c982212b8cc7882f5-800x0-c-default.jpg"
    }
  }]
}];

构造函数

new MediaContent(properties)
参数
properties Object
optional

有关可能传递给构造函数的所有属性的列表,请参见属性

属性概述

所有属性都可以设置、获取和监听。请参阅使用属性主题。
显示继承属性 隐藏继承属性
名称 类型 描述
String

当前活动媒体在弹出媒体内容中的索引。

更多详情
MediaContent
String

类的名称。

更多详情
Accessor
String

详细描述媒体的内容。

更多详情
MediaContent
BarChartMediaInfo|ColumnChartMediaInfo|ImageMediaInfo|LineChartMediaInfo|PieChartMediaInfo|Array

包含要在 PopupTemplate 中显示的图像或图表的媒体元素。

更多详情
MediaContent
String

指定媒体内容所表示内容的标题。

更多详情
MediaContent
String

显示的弹出元素的类型。

更多详情
MediaContent

属性详细信息

activeMediaInfoIndex String
起始版本:GeoScene Maps SDK for JavaScript 4.19

当前活动媒体在弹出媒体内容中的索引。这将是当前显示时所查看的媒体。

declaredClass Stringreadonly inherited

类的名称。声明的类名称格式化为 geoscene.folder.className

description String
起始版本:GeoScene Maps SDK for JavaScript 4.19

详细描述媒体的内容。

包含要在 PopupTemplate 中显示的图像或图表的媒体元素。这可以是单个图表或图像元素,也可以是包含任何这些类型组合的数组。

title String
起始版本:GeoScene Maps SDK for JavaScript 4.19

指定媒体内容所表示内容的标题。

type Stringreadonly

显示的弹出元素的类型。

对于 MediaContent,类型总是 "media"

默认值:media

方法概述

显示继承的方法 隐藏继承的方法
名称 返回值类值 描述

添加一个或多个与对象生命周期相关联的句柄

更多详情
Accessor
MediaContent

创建 MediaContent 类的深度克隆。

更多详情
MediaContent
*

创建此类的新实例并使用从 GeoScene 产品生成的 JSON 对象值对其进行初始化。

更多详情
MediaContent
Boolean

如果存在指定的句柄组,则返回 true。

更多详情
Accessor

移除对象拥有的句柄组。

更多详情
Accessor
Object

将此类的实例转换为其 GeoScene Portal JSON 表示。

更多详情
MediaContent

方法详细说明

addHandles(handleOrHandles, groupKey)inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

添加一个或多个与对象的生命周期相关联的句柄。当对象被销毁时,将移除句柄。

// Manually manage handles
const handle = reactiveUtils.when(
  () => !view.updating,
  () => {
    wkidSelect.disabled = false;
  },
  { once: true }
);

this.addHandles(handle);

// Destroy the object
this.destroy();
参数
handleOrHandles WatchHandle|WatchHandle[]

对象销毁后,标记为要移除的句柄。

groupKey *
optional

标识句柄应添加到的组的键。组中的所有句柄稍后都可使用 Accessor.removeHandles() 进行删除。如果未提供键,则句柄将被添加到默认组。

clone(){MediaContent}

创建 MediaContent 类的深度克隆。

返回
类型 描述
MediaContent MediaContent 实例的深度克隆。
fromJSON(json){*}static

创建此类的新实例并使用从 GeoScene 产品生成的 JSON 对象值对其进行初始化。传入到输入 json 参数的对象通常来自对 REST API 中查询操作的响应或来自另一个 GeoScene 产品的 toJSON() 方法。

参数
json Object

GeoScene 格式实例的 JSON 表示。

返回
类型 描述
* 返回该类的新实例。
hasHandles(groupKey){Boolean}inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

如果存在指定的句柄组,则返回 true。

参数
groupKey *
optional

组键。

返回
类型 描述
Boolean 如果存在指定的句柄组,则返回 true
示例
// Remove a named group of handles if they exist.
if (obj.hasHandles("watch-view-updates")) {
  obj.removeHandles("watch-view-updates");
}
removeHandles(groupKey)inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

移除对象拥有的句柄组。

参数
groupKey *
optional

要移除的组键或组键的数组或集合。

示例
obj.removeHandles(); // removes handles from default group

obj.removeHandles("handle-group");
obj.removeHandles("other-handle-group");
toJSON(){Object}

将此类的实例转换为其 GeoScene Portal JSON 表示。有关详细信息,请参阅使用 fromJSON() 指南主题。

返回
类型 描述
Object 此类实例的 GeoScene Portal JSON 表示。

您的浏览器不再受支持。请升级您的浏览器以获得最佳体验。