topic Re: queryTask zoom to queryResult in ArcGIS JavaScript Maps SDK Questions

queryTask zoom to queryResult

GoranTozievski — Tue, 12 Apr 2016 12:19:42 GMT

Hi im working on application that need to show linear route(static).Im getting the route but i cant make it to zoom to routeExtent.Here is my code.

require([

"dojo/dom", "dojo/on",

"esri/tasks/query", "esri/tasks/QueryTask", "dojo/domReady!"

], function (dom, on, Query, QueryTask) {

var params = getUrlParams();

var kiosk = params['kiosk'];

var cel = params['cel'];

var lang = params['lang'];

queryTask = new esri.tasks.QueryTask("http://................................................................/MapServer/0");

var query = new Query();

query.returnGeometry = true;

query.outFields = [

"*"

];

var lang = 0;

if(location.href.indexOf("_alb") > -1)

lang =1;

else if (location.href.indexOf("_en") > -1)

lang =2;

if(lang == '0'){

queryTask = new esri.tasks.QueryTask("http://................................................................/MapServer/0 ");

}else if(lang == '1'){

queryTask = new esri.tasks.QueryTask("http://................................................................/MapServer/0 ");

}

else {

queryTask = new esri.tasks.QueryTask("http://................................................................/MapServer/0 ");

}

function executeRoute() {

var nameKiosk ;

if(kiosk == 1){

nameKiosk = 1;

}

if(kiosk == 2){

nameKiosk = 2;

}

if(lang == 0)

query.where = "OD = '"+nameKiosk+"' and DO = '"+ime_objekt.innerText+"'";

else if (lang == 1)

query.where = "OD_AL = '"+nameKiosk+"' and DO_AL = '"+ime_objekt.innerText+"'";

else

query.where = "OD_EN = '"+nameKiosk+"' and DO_EN = '"+ime_objekt.innerText+"'";

queryTask.execute(query, showResults);

return false;

}

function getUrlParams() {

var paramMap = {};

if (location.search.length == 0) {

return paramMap;

}

var parts = location.search.substring(1).split("&");

for (var i = 0; i < parts.length; i ++) {

var component = parts.split("=");

paramMap [decodeURIComponent(component[0])] = decodeURIComponent(component[1]);

}

return paramMap;

}

function showResults(results) {

var resultItems = [];

var resultCount = results.features.length;

var symbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0, 255, 255]), 4);

for (var i = 0; i < resultCount; i++) {

var graphic = results.features;

graphic.setSymbol(symbol);

app.map.graphics.add(graphic);

var stateExtent = graphic.geometry.getExtent();

app.map.setExtent(stateExtent);

}

dom.byId("info").innerHTML = resultItems.join("");

console.log(resultItems.join(""));

}

});

Thanks

Re: queryTask zoom to queryResult

GoranTozievski — Tue, 12 Apr 2016 12:26:30 GMT

The query always will show only 1 result

Re: queryTask zoom to queryResult

RobertScheitlin__GISP — Tue, 12 Apr 2016 13:21:49 GMT

Goran,

Looking at your code nothing jumps out as wrong. So does the graphic get added to the map but the map does not zoom? Are there any errors in your browsers web console?

Re: queryTask zoom to queryResult

TimWitt2 — Tue, 12 Apr 2016 13:27:05 GMT

var graphic = results.features;

graphic.setSymbol(symbol);

app.map.graphics.add(graphic);

var stateExtent = graphic.geometry.getExtent();

This is not really a "graphic", so I don't think you can use setSymbol or getExtent on it. Could you show what one object of results.features, looks like?

What if you create a graphics layer and then add a new graphic for each results.feature?

Re: queryTask zoom to queryResult

RobertScheitlin__GISP — Tue, 12 Apr 2016 14:08:32 GMT

Tim,

A QueryTask complete event returns a FeatureSet which is an array of Graphics.

Re: queryTask zoom to queryResult

TimWitt2 — Tue, 12 Apr 2016 14:22:40 GMT

Thanks for clearing that up Robert!

Looking at his code wouldn't it just zoom quickly to each results.features; while it loops and end up at the last results.features;?

So if he pushes all graphics in a graphics layer he could get the extent of the graphics layer and then call the set extent function?

Re: queryTask zoom to queryResult

RobertScheitlin__GISP — Tue, 12 Apr 2016 14:28:32 GMT

He states:

The query always will show only 1 result

Re: queryTask zoom to queryResult

GoranTozievski — Wed, 13 Apr 2016 07:19:04 GMT

The code works fine and no errors apears.The problem is that i need the result to be zoomed on extent.

Re: queryTask zoom to queryResult

GoranTozievski — Wed, 13 Apr 2016 07:22:47 GMT

The query shows the line on map only that the return result dont zoom-in/zoom-out on the extend.

Re: queryTask zoom to queryResult

GoranTozievski — Wed, 13 Apr 2016 07:31:27 GMT

Here is how works now.This is the line that is showed after query.

And i whant after the query the map to get the extend of the line like this(i made the zoom out manualy )

Re: queryTask zoom to queryResult

RobertScheitlin__GISP — Wed, 13 Apr 2016 13:10:05 GMT

Goran,

Use:

app.map.setExtent(stateExtent, true);

Re: queryTask zoom to queryResult

thejuskambi — Wed, 13 Apr 2016 13:10:09 GMT

I have seen such behaviour, in case of tiled map service. But I still find your results odd for the fact that the feature is not centered.

You would need to expand the extent of the graphic to ensure that your result will be always shown.

var stateExtent = graphic.geometry.getExtent().expand(2);

Another way it to set the level of the map, greater than the scale of the graphic extent.

Re: queryTask zoom to queryResult

GoranTozievski — Wed, 13 Apr 2016 13:53:49 GMT

Nothing happend after var stateExtent = graphic.geometry.getExtent().expand(2); , and greater than the scale of the graphic extent its not an option for me atm

Re: queryTask zoom to queryResult

GoranTozievski — Wed, 13 Apr 2016 13:55:57 GMT

Same result.And after few days of torture i will let it be like it is, and for the next version of the application mb i will make it work .Thanks for the time spent.

Re: queryTask zoom to queryResult

thejuskambi — Wed, 13 Apr 2016 15:32:18 GMT

That's strange. The only thing I can now think of is somehow the map height & width is different than what is visible and the css is disabling the scroll-bar. Can you check if that is the case?

Re: queryTask zoom to queryResult

GoranTozievski — Thu, 14 Apr 2016 07:09:09 GMT

Sorry for my late replays.. Yes i check and i think the problem its not there .

Re: queryTask zoom to queryResult

thejuskambi — Thu, 14 Apr 2016 13:37:25 GMT

Would it be possible for you to share the complete code? or set up a jsBin

Re: queryTask zoom to queryResult

DerekNalder — Thu, 14 Apr 2016 17:10:33 GMT

I would change and rewrite the following code inside your showResults function.

//----------- wrong -----------------

for (var i = 0; i < resultCount; i++)

{

var graphic = results.features;

graphic.setSymbol(symbol);

app.map.graphics.add(graphic);

var stateExtent = graphic.geometry.getExtent();

app.map.setExtent(stateExtent);

}

and instead write it like this

//----------- right -----------------

var stateExtent;

for (var i = 0; i < resultCount; i++)

{

var graphic = results.features;

graphic.setSymbol(symbol);

app.map.graphics.add(graphic);

if(stateExtent)

{

stateExtent = stateExtent.union(graphic.geometry.getExtent());

}

else

{

stateExtent = graphic.geometry.getExtent();

}

app.map.setExtent(stateExtent, true);

By doing it this way you will be able to zoom to the proper extent.

The only other thing I can think of is to make sure the spatial reference of the result feature is the same as the map.

Re: queryTask zoom to queryResult

RobertScheitlin__GISP — Thu, 14 Apr 2016 17:46:52 GMT

Derek,

I could see this working if the results had more than one feature in it. But the OP stated

The query always will show only 1 result

I am thinking a layout issue like thejus kambi

Re: queryTask zoom to queryResult

DavidMeza — Thu, 14 Apr 2016 18:31:55 GMT

It is strange that expanding the extent did not work for you. Have you tried a smaller value for the expand function and setting the fit option to true?

app.map.setExtent(stateExtent.expand(1.3), true);