topic Re: infoWindow on a GraphicsLayer in ArcGIS JavaScript Maps SDK Questions

infoWindow on a GraphicsLayer

ReneRubalcava — Fri, 01 Oct 2010 13:25:31 GMT

I've been spending some time with the JavaScript API, but I'm a little stumped on this one.
Most of the samples I have seen simply use the map.graphics GraphicsLayer to hold graphics. In my case, I have added a new GraphicsLayer so that I can hold persistent graphics on the map. I use map.graphics to hold Geocode Results or temporary graphics.

What I am trying to do is display the infoWindow for the GraphicsLayer I added to the map, but it's not working as I expected.

On page load, after populating my GraphicsLayer, I add it to the map with a defined InfoTemplate.

gLayer = new esri.layers.GraphicsLayer();
gLayer.id = "features";
var graphic = new esri.Graphic(new esri.geometry.Polygon(geometry), symbol, attributes, infoTemplate);
gLayer.add(graphic);
map.addLayer(gLayer);

During it's use, someone can search for an address and I add that result to map.graphics. Then try to display the infoWindow after it has zoomed in.

var pointMeters = esri.geometry.geographicToWebMercator(geocodeResults[0].location);
map.setExtent(esri.geometry.geographicToWebMercator(geocodeResults[0].bestView));
var onMapZoomHandle = dojo.connect(map, "onZoomEnd", function() {
 dojo.disconnect(onMapZoomHandle);
 console.log("add result zoomed");
 var point = esri.geometry.toScreenPoint(map.extent, map.width, map.height, pointMeters);
 map.infoWindow.show(point, map.getInfoWindowAnchor(point)); // throws error
 //map.getLayer("features").infoWindow.show(point, map.getInfoWindowAnchor(point));
 // tried having layer show directly, long shot, but no go
});

This throws an error and a blank infoWindow

exception in animation handler for: onEnd
TypeError: pt is null
[Break on this error] if(!dojo._hasResource["dijit._base.man...h","tr","xx","zh","zh-cn","zh-tw"]);\r\n
arcgis?v=2.1 (line 48

I can click anywhere else on the added GraphicsLayer and get the predefined InfoWindow just fine. Does that InfoWindow display on the map.click() or the graphicsLayer.click()? If so, is there a way I can throw that event after the zoom to mimic the behavior?

Thanks.

Re: infoWindow on a GraphicsLayer

KellyHutchins — Sat, 11 Dec 2021 12:28:52 GMT

Since you are using map.setExtent, try replacing onZoomEnd with onExtentChange to ensure that the event fires when the extent change is complete.

 

var extentHandler = dojo.connect(map, 'onExtentChange', function() {
        dojo.disconnect(extentHandler); ..........

Re: infoWindow on a GraphicsLayer

ReneRubalcava — Mon, 04 Oct 2010 17:19:17 GMT

Thanks. That eliminated the error, but the infoWindow is still blank. It's not a deal breaker. I think I can work around it, but was hoping it would be simple.

I'll keep cracking at it.

Re: infoWindow on a GraphicsLayer

KellyHutchins — Mon, 04 Oct 2010 18:35:52 GMT

When I read your initial post I missed the bit about the info template not displaying. In order to display the graphic's attributes in the info window you'll need to populate the maps info window with the graphics content. Here's a link to a sample in the help that shows this:

http://help.arcgis.com/EN/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/query_showinfowindow.html

Re: infoWindow on a GraphicsLayer

ReneRubalcava — Sat, 11 Dec 2021 12:28:55 GMT

Thanks. After some head scratching and looking over API docs, I figured it out.

// will find if the x/y point for an address is inside of a graphic on my GraphicsLayer
var onMapExtentChangeHandle = dojo.connect(map, "onExtentChange", function() {
 dojo.disconnect(onMapExtentChangeHandle);
 console.log("address result zoomed");
 var point = geometry.toScreenGeometry(map.extent, map.width, map.height, pointMeters);
 for (var i in gLayer.graphics) {
  var g = gLayer.graphics;
  if (g.geometry.contains(pointMeters)) {
   var info = map.infoWindow;
   info.setTitle(g.getTitle());
   info.setContent(g.getContent());
   info.show(point, map.getInfoWindowAnchor(point));
  }
 }
});