topic Re: Zoom in on click of an icon on the map in ArcGIS JavaScript Maps SDK Questions

Zoom in on click of an icon on the map

SaiDake — Sun, 10 Mar 2013 14:07:22 GMT

I have a map rendered and have used some custom icons dropped on the map. Can i know what needs to be done onclick of the icon so that map zooms in at particular location and drops few more icons (have written the code for dropping the icons)? Need the code just to find out the onclick of an icon. Need a listner for onclick of a dropped icon on the map.

My Code:-
plotAddressId= function plotAddressId(addressId, state) {
           addressIdQuery = new esri.tasks.Query();
            addressIdQuery.returnGeometry = true;
            addressIdQuery.where = "ADDRESS_KEY = '" + state + addressId + "'";
            addressIdQueryTask.execute(addressIdQuery, function(results) {
              var geom = results.features[0].geometry;
              var graphic = new esri.Graphic(geom, locationSymbol);
              locationGraphicsLayer.add(graphic);
              zoomToLocations();
            });
          }

Re: Zoom in on click of an icon on the map

RahulMetangale1 — Mon, 11 Mar 2013 03:38:09 GMT

Sai,

try centerAndZoom(mapPoint, levelOrFactor) function. Here is the link for additional reference:
http://help.arcgis.com/en/webapi/javascript/arcgis/jsapi/map.html#Map/centerAndZoom

Re: Zoom in on click of an icon on the map

SaiDake — Mon, 11 Mar 2013 05:28:58 GMT

Thx Rahul...im looking for how to write an event listner on click of an icon(only icons). I have the code to zoom in. Thx!!

Re: Zoom in on click of an icon on the map

SunilPalkar — Mon, 11 Mar 2013 06:53:09 GMT

Thanks Rahul

It works for me as well in different condition : )

thanks

Sai,

try centerAndZoom(mapPoint, levelOrFactor) function. Here is the link for additional reference:
http://help.arcgis.com/en/webapi/javascript/arcgis/jsapi/map.html#Map/centerAndZoom

Re: Zoom in on click of an icon on the map

SaiDake — Mon, 11 Mar 2013 07:20:58 GMT

there is an onclick event for graphics....but it doesnt work.
dojo.connect(map.graphics, "onClick", function(e) {alert("hi");});

Re: Zoom in on click of an icon on the map

RahulMetangale1 — Mon, 11 Mar 2013 08:07:15 GMT

Sai,

From code it appears that you are adding graphics to locationGraphicsLayer.
So try
dojo.connect(locationGraphicsLayer, "onClick", function(e) {alert("hi");});

Re: Zoom in on click of an icon on the map

SaiDake — Mon, 11 Mar 2013 08:13:09 GMT

Awesome. thx Rahul!! It worked.