Go To XY Widget for 4.6?

[#1]

I want to add go to xy widget on my codes but I couldn't find any custom/official go to xy widget for 4.6. There are many widgets for 3.x but they are not working with 4.6. So, I tried goto() function. I want to take input as lat and long then write it into goto(lat,long). However, it won't work. Here are my codes.

<表>

Latitute:





Longitute:




GO!

function myFunction() {
var inputlat = document.getElementById("formlat").value;
var inputlon = document.getElementById("formlon").value;
goto(inputlat, inputlon);
}

[RobertScheitlin__GISP]

Kutay,

The goTo method on the View is expecting a array if you are providing a coordinate pair and the proper order is long then lat (you had it reversed).

view.goTo([inputlon,inputlat]);

[KutayDeril]

Thanks for information but how can I take inputs from html to javascript? I am searching and trying for days but I couldn't make it.

[RobertScheitlin__GISP]

Kutay,

I don't see anything wrong with what you have:

var inputlat = document.getElementById("formlat").value;
var inputlon = document.getElementById("formlon").value;

[KutayDeril]

Hello Robert,

I changed my codes but still I cannot take the inputs as lon and lat.

<表>

Latitute:





Longitute:




GO

. getelementbyid(“gobutton").addEventListener("click",
function () {
var x = document.getElementById("formlon").value;
var y = document.getElementById("formlat").value;
view.goTo([x,y]);
});

it won't work but when I change view.goTo([12,34)]; it works so I thought inputs are not taken. Can you help me?

[RobertScheitlin__GISP]

Have you tried to add a console.log(x + “, “ + y); in your code to see if you are getting the x and y values?

[KutayDeril]

I tried console log. I saw x and y values are getting the inputs correctly butview.goTo([x,y]); won't work. However,view.goTo([12,23]); or any coordinates number works. I don't understand why x and y var not accepted in view.goto.

any convertion necessary? like coordinates converts.

[RobertScheitlin__GISP]

Kutay,

Yes you need yo convert the string into a number using parseFloat();

So it would look like:

document.getElementById("gobutton").addEventListener("click",function(){varx=parseFloat(document.getElementById("formlon").value);vary=parseFloat(document.getElementById("formlat").value);view.goTo([x,y]);});

[KutayDeril]

I solved the problem in another way like this. Thank you for helping.

. getelementbyid(“gobutton").addEventListener("click",
function () {
var x = document.getElementById("formlon").value;
var y = document.getElementById("formlat").value;
var gotopt = new Point({
longitude: x,
latitude: y

});
view.goTo(gotopt);
var gotographic = new Graphic({
geometry: gotopt,
symbol: markerSymbol,

});

view.graphics.add(gotographic);
console.log(x);
console.log(y);

});

[KutayDeril]

I couldn't reset point after first use. There are many points as entered locations on the map. I don't want it. How can I reset?

[RobertScheitlin__GISP]

Kutay,

Useview.graphics.clear();

[KutayDeril]

I tried it and I have this error.

index.html:576 Uncaught TypeError: view.graphics.clear is not a function
at HTMLButtonElement. (index.html:576)

When I enter locations and pressed GO button second time. the first point which is created by first pressing GO button won't be clear.

[RobertScheitlin__GISP]

Kutay,

Sorry in 4.x it is:

view.graphics.removeAll();