topic Re: Zoom to a feature on a mouse click event in ArcGIS JavaScript Maps SDK Questions

Zoom to a feature on a mouse click event

RoxanneWilson — Fri, 20 May 2016 20:31:12 GMT

So, working on my first app and I have a point layer with a few locations in it. I'm trying to create an event where, when the user clicks on a location, the map extent zooms to that location. This is what I have so far and it doesn't work (not a shocker)....

layerName.on("click", function (zoom) {

map.zoom (zoom.layer.setZoom(4));

});

Re: Zoom to a feature on a mouse click event

RickeyFight — Fri, 20 May 2016 21:48:32 GMT

Are you using a sample?

Can you post more of your code?

Re: Zoom to a feature on a mouse click event

TomSellsted — Fri, 20 May 2016 21:54:10 GMT

Roxanne,

Zoom is not a method of map. When a graphic in a feature layer is clicked, it will return the graphic, You can then use the graphic geometry or the event mapPoint to zoom to that location. Here is a further explanation:

FeatureLayer | API Reference | ArcGIS API for JavaScript

It should look something like this:

layerName.on("click", function (event) {

map.centerAndZoom(event.mapPoint, 4);

});

Regards,

Tom

Re: Zoom to a feature on a mouse click event

RoxanneWilson — Mon, 23 May 2016 13:33:08 GMT

I've added that into my code, but nothing is happening yet.

Do I need to add something else? I've been reading about event listeners, but I don't understand a lot of that quite yet.

Re: Zoom to a feature on a mouse click event

FC_Basson — Mon, 23 May 2016 13:53:19 GMT

The click tolerance might cause that you are just missing the features with the click event and therefore nothing is happening. Try setting the click event on the map object.

Re: Zoom to a feature on a mouse click event

PanagiotisPapadopoulos — Mon, 23 May 2016 13:57:52 GMT

on this function

layerName.on("click", function (event) {

take the selected geometry event.graphic

and zoom on the map

map.centerAndZoom(event.graphic.geometry, 4);

});

Re: Zoom to a feature on a mouse click event

RoxanneWilson — Mon, 23 May 2016 14:21:11 GMT

This doesn't appear to do anything either.

layer.on("click", function (event) {

map.centerAndZoom(event.graphic.geometry, 4);

});

Re: Zoom to a feature on a mouse click event

RoxanneWilson — Mon, 23 May 2016 14:24:43 GMT

Using developer tools, I found there was an error with another part of my code.