當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


JavaScript ArcGIS MediaContent用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

AMD: require(["esri/popup/content/MediaContent"], (MediaContent) => { /* code goes here */ });

ESM: import MediaContent from "@arcgis/core/popup/content/MediaContent";

類: esri/popup/content/MediaContent

繼承: MediaContent > Content > Accessor

自從:用於 JavaScript 4.11 的 ArcGIS API

用法說明

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"
    }
  }]
}];

相關用法


注:本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 MediaContent。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。