评估ArcGIS JavaScript弹出模板中的动态变量和特征层

Question

我正在使用Arcgis JavaScript在地图上创建弹出模板。进展很棒。但是，我正在努力评估我在popuptemplate或featurelayer呼叫之外设置的变量。例如，这效果很好。一切都是静态的。

  const layerOne = new FeatureLayer({
    id: "feature_layer_id",  
    url: "https://services3.arcgis.com/myFeatureServer/0", 
    popupTemplate: { 
      title: `A Title Goes Here`,
      content: `<table>
          <tr>
            <td><img class="esri-popup__custom-image imageTrim" width="75" src="{expression/logo_url}" /></td>
          </tr>             
        </table>`, 
      expressionInfos: [
        {
          name: "logo_url",
          title: "Logo URL",
          expression: `return "http://some.fully.qualified.url/path/image.png";`
          }
        ],
      }, 
    renderer: someRendererObj, 
    visible: false  
    }); 

   

当我尝试使其动态时，问题就会发生。例如，如何制作徽标URL动态，例如：

expression: `return "http://some.fully.qualified.url/path/image-" + randomJSVariable + ".png";`

变量RandomJsvariable在我的JS中的其他位置设置，并且可以被引用为window.randomjsvariable。

在这种情况下，未评估表达式，IMG呈现为断裂。有人可以建议我如何解决这个问题吗？

Answer 1

如果要使用JS变量，请将函数传递到content属性，而不是使用expressionInfos：

content: (evt) => {
    // the variable "evt" contains info on the clicked feature, possibly useful below
    return `<table>
      <tr>
        <td><img class="esri-popup__custom-image imageTrim" width="75" src="http://some.fully.qualified.url/path/image-${randomJSVariable}.png" /></td>
      </tr>             
    </table>`;
}, 

请参阅文档有关更多信息：

函数 - 内容可以使用JavaScript函数定义，该函数返回上述任何元素。 当您的弹出窗口需要其他处理或功能时，这与上述四种内容类型所提供的功能很有用。