Angular アプリケーション内の ArcGIS Esri マップにパーセル レイヤーを統合しました。しかし今、ユーザーが特定の区画をクリックしたときにポップアップ テンプレートに表示される値の形式を変更したいと考えています。
これで、ポップアップの値は次のようになります。
ASSMT_YEAR - 2,017.00
ATTDATE - 20190130
バスルーム - 0.00
要件
ASSMT_YEARおよびYEAR_BUILT の値の形式には、コンマや小数点を含めないでください。
ATTDATEおよびREC_DATE値の形式は、日付形式にする必要があります。( 01/30/2019 )
上記の要件をどのように達成できますか?
.ts ファイル
const createEsriPopupTemplate = function(layer) {
const config = {
fields: layer.fields.map(field => (
{
name: field.name,
type: field.type,
}
)),
title: formatName(layer.title),
};
return popupUtils.createPopupTemplate(config);
}
for (const layer of esriLayers) {
view.whenLayerView(layer).then(function (layerView) {
const popupTemplate = createEsriPopupTemplate(layer)
if (!popupTemplate) {
console.log("FeatureLayer has no fields.")
} else {
layer.popupTemplate = popupTemplate;
}
});
}