I have an issue with info template window. I used set content method to display calculated value by geometry engine service. It works fine for displaying calculated value but cannot join other fields information. Here is my code: var template = new esri.InfoTemplate(); template.setTitle(" Cooperator: ${Cooperator}"); template.setContent(" PropertyName: ${PropertyName} "); // this cannot be displayed template.setContent(getTextContent); var layer = new FeatureLayer("URL", { infoTemplate: template, outFields: ["*"], opacity: 0.5 }); // convert squarefeet to acre function getTextContent(value) { var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet"); var squarefeet = number.format(sqft, { places: 1 }); var acres = number.format(sqft / 43560, { places: 0 }); return "Acres :" + acres ; }; map.addLayers([layer]);

You'll need to create your entire formatted string within your function. function setContent(value) { var formatString = " Property Name: + value.attributes.PropertyName +" " var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet"); var squarefeet = number.format(sqft, { places: 1 }); var acres = number.format(sqft / 43560, { places: 0 }); formatString += "Acres: " + acres; return formatString; }

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Custom Info template window

KushendraShah1

I have an issue with info template window. I used set content method to display calculated value by geometry engine service. It works fine for displaying calculated value but cannot join other fields information. Here is my code:

var template = new esri.InfoTemplate();

template.setTitle("Cooperator: ${Cooperator}");

template.setContent("PropertyName: ${PropertyName} "); // this cannot be displayed

template.setContent(getTextContent);

var layer = new FeatureLayer("URL", {

infoTemplate: template,

outFields: ["*"],

opacity: 0.5

});

// convert squarefeet to acre

function getTextContent(value) {

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

return "Acres :" + acres ;

};

map.addLayers([layer]);

Encontre mais publicações marcadas com

Accepted answers

TracySchloss

You'll need to create your entire formatted string within your function.

function setContent(value) {

var formatString = "Property Name: + value.attributes.PropertyName +" "

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

formatString += "Acres: " + acres;

return formatString;

}

All comments

KushendraShah1

Tracy, you are right! I am glad that works now. Thank you so much for the help. Appreciated!

var PropertyString = value.attributes.PropertyName;

var formatString = "Property Name: " + PropertyString

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

formatString += " Acres: " + acres;

return formatString;

TracySchloss

You must also define number. Once I added 'esri/geometry/geometryEngine', and 'dojo/number' along with their properly placed variables, your formatting function worked for me.

TracySchloss

When you define your infoTemplate content with a function, you have to pass it the name of your function. it should be:

template.setContent(setContent)

OR whatever you have called your function. I name my function something else to avoid confusion.

If you're not sure of your calculation, set some breakpoints within that function and make sure you have a value. If you're not getting a value for sqft, then yes you're likely to have problems with what the function is returning. There are a variety of reasons why this might not return the right output, including failing to define geometryEngine somewhere higher up in your code.

KushendraShah1

Tracy, Thanks for the information. Unfortunately, it didn't work. It returns all the field string except the calculation. I think that calculation didn't executed when we call the function. Please check here;

var template = new esri.InfoTemplate();

template.setTitle("Cooperator: ${Cooperator}");

template.setContent;

function setContent(value){

var formatString = "Property Name: + value.attributes.PropertyName + ";

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

formatString += "acres: " + acres;

return formatString;

}

TracySchloss

You'll need to create your entire formatted string within your function.

function setContent(value) {

var formatString = "Property Name: + value.attributes.PropertyName +" "

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

formatString += "Acres: " + acres;

return formatString;

}

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.