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

select features within a distance

sundussabbah

Hello,

I have a map with feature layer and I want to press a button and it's event display only the features around the current location within specific radius

I want to :

define the current location

display features that exist around the current location with a specific radius

please help me, how could I do this??

thanks alot

Encontre mais publicações marcadas com

Accepted answers

All comments

sundussabbah

I wrote the code like this

query = new Query();
query.where = condition;
query.returnGeometry = true;

if(search != false){
var qGeom = new Circle({
center: [longitude,latitude],
geodesic: true,
radius: radius,
radiusUnit: 9036
});
var circleSymb = new SimpleFillSymbol(SimpleFillSymbol.STYLE_NULL,
new SimpleLineSymbol(
SimpleLineSymbol.STYLE_SHORTDASHDOTDOT,
new Color([105, 105, 105]),2), new Color([255, 255, 0, 0.25]));

mapMain.graphics.clear();
mapMain.infoWindow.hide();
var graphic = new Graphic(circle, circleSymb);
mapMain.graphics.add(graphic);

query.geometry = qGeom;
}

query.outFields = ["*"];

query.orderByFields = [order];
queryTask.execute(query, showResults);

but the result is nothing.!!!

TomSellsted

Sundus,

I put together a quick jsfiddle for you to be able to see the complete javascript. You can view it at:

Edit fiddle - JSFiddle

Regards,

Tom

TomSellsted

Sundus,

Of course you can just use a circle and no buffer needed to query as well. It would go something like this:

        map.on("click", executeQueries);


        function executeQueries(e) {
          var parcels, qGeom, point;

          point = e.mapPoint;
          var qGeom = new Circle(point,{
            "radius": 100,
            "spatialReference":point.spatialReference
           });

          // use the circle for the query geometry
          qParcels.geometry = qGeom;
          
          parcels = qtParcels.execute(qParcels, handleQueryResults);
         
        }

I am using a circle for the query geometry instead of an extent. You can change the radius to whatever you would appropriate for your query.

Regards,

Tom

sundussabbah

it does not work or I did'nt understant it well

I have this code:

var circleSymb = new SimpleFillSymbol(SimpleFillSymbol.STYLE_NULL,
   new SimpleLineSymbol(
SimpleLineSymbol.STYLE_SHORTDASHDOTDOT,
   new Color([105, 105, 105]),2), new Color([255, 255, 0, 0.25]));

   var circle = new Circle({
center: [long,lat], // coords for the current location
geodesic: true,
radius: radius, // radius for the area whic I want to display features
radiusUnit: 9036 // unit "kilometer"
});

and this code, it does'nt work, and I did'nt know how to apply circle object with it:

var geometries = graphicsUtils.getGeometries(lyrFeature.graphics);
var bufferedGeometries = geometryEngine.geodesicBuffer(geometries, radius, 9036, true);
array.forEach(bufferedGeometries,function(geometry){
map.graphics.add(new Graphic(geometry,circleSymb));
});

TomSellsted

Greetings Sundus,

Here is a sample script from ESRI's page that queries using geometry. In this sample, it uses and extent, but you could easily reference the new geometry engine to create a buffer too.

https://developers.arcgis.com/javascript/jssamples/query_deferred_list.html

The specific bit of code that queries by geometry is:

        app.map.on("click", executeQueries);

        function executeQueries(e) {
          var parcels, buildings, promises, 
            qGeom, point, pxWidth, padding;

          // create an extent from the mapPoint that was clicked
          // this is used to return features within 3 pixels of the click point
          point = e.mapPoint;
          pxWidth = app.map.extent.getWidth() / app.map.width;
          padding = 3 * pxWidth;
          qGeom = new Extent({
            "xmin": point.x - padding,
            "ymin": point.y - padding,
            "xmax": point.x + padding,
            "ymax": point.y + padding,
            "spatialReference": point.spatialReference
          });

          // use the extent for the query geometry
          app.qParcels.geometry = app.qBuildings.geometry = qGeom;
          
          parcels = app.qtParcels.execute(app.qParcels);
          buildings = app.qtBuildings.execute(app.qBuildings);
          console.log("deferreds: ", parcels, buildings);
          promises = all([parcels, buildings]);
          promises.then(handleQueryResults);
          console.log("created d list");
        }

Here is a reference to the buffer geometry engine code.

esri/geometry/geometryEngine | API Reference | ArcGIS API for JavaScript

Regards,

Tom

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.