topic Re: How do I click a map dynamically. in ArcGIS JavaScript Maps SDK Questions

How do I click a map dynamically.

MuralidharMoka — Mon, 15 Apr 2019 20:24:39 GMT

Hi,

Here is a method which will querying for a point.

QueryTask returns the point and then we add the point to the map.

I would like to dynamically click at the point location.

How can I do that.

showFacilityGeometry :function(facilityId){

var queryTask = new QueryTask("http://mapviewtest.memphistn.gov/arcgis/rest/services/AGO_GeneralServices/PMS_WOMS/MapServer/1");
var query = new Query();
query.where = "FACILITY_ID='" + facilityId + "'";
query.outFields=['*'];
query.returnGeometry = true;
this.map.graphics.clear();

queryTask.execute(query).then(lang.hitch(this,function(feature){

//Here I get a point geometry and we create symbol for that point.
var geometry = feature.features[0].geometry;
var pointSymbol = new SimpleMarkerSymbol();
pointSymbol.setColor(new Color([255, 255, 0, 0.5]));

//create graphic and add graphic
var graphic = new Graphic(geometry, pointSymbol);
this.map.graphics.add(graphic);

//Here I want to dynamically click the map at the above point??? How to do this?

//zoom to the point geometry. added padding to the extension
var PointExtent = new Extent(geometry.x - 250, geometry.y - 250, geometry.x + 250, geometry.y + 250);
PointExtent.spatialReference = new SpatialReference({ wkid: 102736 });
this.map.setExtent(PointExtent);
}));

Re: How do I click a map dynamically.

EvelynHernandez — Mon, 15 Apr 2019 20:41:58 GMT

Why u want to clic the point ? If u want to show an infowindow u have the geometry for the point already.

Re: How do I click a map dynamically.

Noah-Sager — Mon, 15 Apr 2019 21:01:58 GMT

//Here I want to dynamically click the map at the above point

What exactly are you wanting to accomplish with this click?

You could probably use the hitTest() method if you want to return information about the feature there:

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#hitTest

Re: How do I click a map dynamically.

MuralidharMoka — Tue, 16 Apr 2019 15:15:09 GMT

I know, This question looks weird. We customised code in the Geoform.

We select the Facility from the Facility Dropdown (red color) //its a point

We add this point to the map //(yellow color)

We then go and click the Map, which gives us a Blue Icon

Then we submit the form.

So instead we thought, we can select the facility and click on the map automatically, so that we can get the Blue Icon.

Following is the Esri's geoform code for clicking(This is not our code) // I am also thinking to use this code some how if there is no way of clicking.

// map click

on(this.map, 'click', lang.hitch(this, function (evt) {

debugger;

//remove the location-error message as soon as the point on the map is selected.

this._removeErrorNode(dom.byId("select_location").nextSibling);

this._clearSubmissionGraphic();

this.addressGeometry = evt.mapPoint;

this._setSymbol(this.addressGeometry, true);

// get coords string

var coords = this._calculateLatLong(evt.mapPoint);

domAttr.set(dom.byId("coordinatesValue"), "innerHTML", coords);

this._setCoordInputs(evt.mapPoint);

}));

Please suggest what we need to do here. Thanks.

Re: How do I click a map dynamically.

RobertScheitlin__GISP — Fri, 10 Dec 2021 22:55:44 GMT

Muralidhar,

Then you would do something like this:

showFacilityGeometry :function(facilityId){
  var queryTask = new QueryTask("http://mapviewtest.memphistn.gov/arcgis/rest/services/AGO_GeneralServices/PMS_WOMS/MapServer/1");
  var query = new Query();
  query.where = "FACILITY_ID='" + facilityId + "'";
  query.outFields=['*'];
  query.returnGeometry = true;
  this.map.graphics.clear();

  queryTask.execute(query).then(lang.hitch(this,function(feature){
    //Here I get a point geometry and we create symbol for that point.
    var geometry = feature.features[0].geometry;
    //zoom to the point geometry. added padding to the extension
    var PointExtent = new Extent(geometry.x - 250, geometry.y - 250, geometry.x + 250, geometry.y + 250);
    PointExtent.spatialReference = new SpatialReference({ wkid: 102736 });
    this.map.setExtent(PointExtent);
//Not sure you would want these next lines anymore
    //var pointSymbol = new SimpleMarkerSymbol();
    //pointSymbol.setColor(new Color([255, 255, 0, 0.5]));

    //create graphic and add graphic
    //var graphic = new Graphic(geometry, pointSymbol);
    //this.map.graphics.add(graphic);

    //remove the location-error message as soon as the point on the map is selected.
    this._removeErrorNode(dom.byId("select_location").nextSibling);
    this._clearSubmissionGraphic();
    this.addressGeometry = geometry;
    this._setSymbol(this.addressGeometry, true);
    // get coords string
    var coords = this._calculateLatLong(geometry);
    domAttr.set(dom.byId("coordinatesValue"), "innerHTML", coords);
    this._setCoordInputs(geometry);
  }));
},‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How do I click a map dynamically.

MuralidharMoka — Tue, 16 Apr 2019 15:44:20 GMT

Thank you so much, it worked perfectly.