topic Access individual feature properties when running l.esri.find or l.esri.query in Open Source Mapping Libraries Ques.

topic Access individual feature properties when running l.esri.find or l.esri.query in Open Source Mapping Libraries Ques. https://community.esri.com/t5/open-source-mapping-libraries-ques/access-individual-feature-properties-when-running/m-p/1005739#M106 <P>Hello:<BR /><BR />Here is what my site looks like: <A href="https://brandonlprice.github.io/landrecords/" target="_blank" rel="noopener">https://brandonlprice.github.io/landrecords/</A>. How can I access the feature properties for a layer when running a find or a query on a layer? I have the the feature.properties.length being displayed in a .innerhtml to show the total count of features returned. I also would like to be able to display the individual attributes for each feature in a layer in a .innerhtml when they are clicked on in the map. The onEachFeature would be one way although I do not know how to link that to the query.run or find.run. How can I do that? Are there any other way to access the individual attributes. My code snippets are below.</P> <P>Query:</P> <P> </P> <P> </P> <P> </P> <LI-CODE lang="javascript">function tmqueryFunction() { latlng = markerLayer.getLatLng(); tmbufferResult.clearLayers(); document.getElementById("tractcounts").innerHTML = ''; if (document.getElementById("tm1").checked == true){ tmquery.nearby(latlng, distance); tmquery.run(function (error, featureCollection, response) { if (error) { console.log(error); return; } tmbufferResult.addData(featureCollection).addTo(map) document.getElementById('tractcounts').innerHTML = 'Tract Map Records: ' + featureCollection.features.length; }); map.fitBounds(L.geoJSON(featureCollection).getBounds()); }); } }</LI-CODE> <P> </P> <P> </P> <P> </P> <P> </P> <P>Find</P> <P> </P> <P> </P> <P> </P> <LI-CODE lang="javascript">function recordgo() { var find = L.esri.find({ url: 'https://dpw.gis.lacounty.gov/dpw/rest/services/landrecords/MapServer/' }); var recordnumber = document.getElementById("recordnumber").value; buffergroup.clearLayers(); pmbufferResult.clearLayers(); srbufferResult.clearLayers(); tmbufferResult.clearLayers(); if (recordtype === "tract") { find.layers('2') .text(recordnumber) .contains(false) .fields('REFERENCE'); find.run(function (error, featureCollection, response) { if (error) { console.log(error); return; } tmbufferResult.addData(featureCollection).addTo(map); console.log('Found ' + featureCollection.features.length + ' feature(s)'); document.getElementById('recordinfo').innerHTML = featureCollection.features[0].properties.REFERENCE + ', Record Date: ' + featureCollection.features[0].properties.RCRD_DATE; console.log(featureCollection.features[0].properties.REFERENCE + ', Record Date: ' + featureCollection.features[0].properties.RCRD_DATE); map.fitBounds(L.geoJSON(featureCollection).getBounds()) }); }</LI-CODE> <P> </P> <P> </P> <P> </P> Fri, 25 Aug 2023 20:17:59 GMT Anonymous User 2023-08-25T20:17:59Z Access individual feature properties when running l.esri.find or l.esri.query https://community.esri.com/t5/open-source-mapping-libraries-ques/access-individual-feature-properties-when-running/m-p/1005739#M106 <P>Hello:<BR /><BR />Here is what my site looks like: <A href="https://brandonlprice.github.io/landrecords/" target="_blank" rel="noopener">https://brandonlprice.github.io/landrecords/</A>. How can I access the feature properties for a layer when running a find or a query on a layer? I have the the feature.properties.length being displayed in a .innerhtml to show the total count of features returned. I also would like to be able to display the individual attributes for each feature in a layer in a .innerhtml when they are clicked on in the map. The onEachFeature would be one way although I do not know how to link that to the query.run or find.run. How can I do that? Are there any other way to access the individual attributes. My code snippets are below.</P> <P>Query:</P> <P> </P> <P> </P> <P> </P> <LI-CODE lang="javascript">function tmqueryFunction() { latlng = markerLayer.getLatLng(); tmbufferResult.clearLayers(); document.getElementById("tractcounts").innerHTML = ''; if (document.getElementById("tm1").checked == true){ tmquery.nearby(latlng, distance); tmquery.run(function (error, featureCollection, response) { if (error) { console.log(error); return; } tmbufferResult.addData(featureCollection).addTo(map) document.getElementById('tractcounts').innerHTML = 'Tract Map Records: ' + featureCollection.features.length; }); map.fitBounds(L.geoJSON(featureCollection).getBounds()); }); } }</LI-CODE> <P> </P> <P> </P> <P> </P> <P> </P> <P>Find</P> <P> </P> <P> </P> <P> </P> <LI-CODE lang="javascript">function recordgo() { var find = L.esri.find({ url: 'https://dpw.gis.lacounty.gov/dpw/rest/services/landrecords/MapServer/' }); var recordnumber = document.getElementById("recordnumber").value; buffergroup.clearLayers(); pmbufferResult.clearLayers(); srbufferResult.clearLayers(); tmbufferResult.clearLayers(); if (recordtype === "tract") { find.layers('2') .text(recordnumber) .contains(false) .fields('REFERENCE'); find.run(function (error, featureCollection, response) { if (error) { console.log(error); return; } tmbufferResult.addData(featureCollection).addTo(map); console.log('Found ' + featureCollection.features.length + ' feature(s)'); document.getElementById('recordinfo').innerHTML = featureCollection.features[0].properties.REFERENCE + ', Record Date: ' + featureCollection.features[0].properties.RCRD_DATE; console.log(featureCollection.features[0].properties.REFERENCE + ', Record Date: ' + featureCollection.features[0].properties.RCRD_DATE); map.fitBounds(L.geoJSON(featureCollection).getBounds()) }); }</LI-CODE> <P> </P> <P> </P> <P> </P> Fri, 25 Aug 2023 20:17:59 GMT https://community.esri.com/t5/open-source-mapping-libraries-ques/access-individual-feature-properties-when-running/m-p/1005739#M106 Anonymous User 2023-08-25T20:17:59Z