Button to Zoom and show popup

Question

Hi been stuck on this for a few days. What I am trying to do is when someone clicks on a button the map zooms to the specified extent then also displays a points popup in that extent. Currently, on click of the button the map zooms to the correct extent, and the point is visible, but the popup does not display. Any help or direction would be appreciated. My button is as follows: HTML Button

Auckland

This links to the button to display the extent. Javascript extent function ZoomToNewZealandAuckland() { var customExtent = new esri.geometry.Extent(174.756,-36.857,174.763,-36.852,new esri.SpatialReference({"wkid":4326})); map.setExtent(customExtent); } This is my point. Point var Auckland = new esri.geometry.Point(174.758, -36.855, new esri.SpatialReference({ 'wkid': 4326 })); map.graphics.add(new esri.Graphic( esri.geometry.geographicToWebMercator(Auckland), new esri.symbol.SimpleMarkerSymbol( {"angle":1,"xoffset":0,"yoffset":0,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Basic/BlueStickpin.png","imageData":"","contentType":"image/png","width":24,"height":24} ), { 'title': '', 'content': ' }, new esri.InfoTemplate('${title}', '${content}') )); I have a feeling popup.show(); might be involved in the zoom to extent, but unsure how to use.

ShaneHogg · Answer

Hey, I managed to figure it out yesterday.

The result is thus, when zooming on custom buttons the info template is displayed, clicking on other points or other zoom buttons cancels the infotemplate open and opens the correct one for that extent or clicked point.

Thanks for the idea of creating 2 infotemplates from your previous post, that was 1/2 the problem.

Thanks for you help
zconlen

ZorbaConlen · Answer

Sounds like the graphic still does not have an infotemplate defined. Maybe try:...
var infoTemplate = new esri.InfoTemplate("title", "some content");
Auckland.setInfoTemplate(infoTemplate);
map.infoWindow.show(Auckland);

ShaneHogg · Answer

Hey thanks for the help, I am getting closer to the solution.

The following code will zoom to the extent, display a point, and a infowindow, however I want to try and link it to the infowindow I have already defined as default (currently opens up a blank popup).
function ZoomToNewZealandAuckland() { 
var Auckland = new esri.geometry.Point(174.75815, -36.85515, new esri.SpatialReference({ 'wkid': 4326 }));
map.graphics.add(new esri.Graphic(
esri.geometry.geographicToWebMercator(Auckland), // geometry
new esri.symbol.SimpleMarkerSymbol( {"angle":1,"xoffset":1,"yoffset":6,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Basic/BlueStickpin.png","imageData":"","contentType":"image/png","width":32,"height":32} ), 
// symbol
{ 'title': 'TITLE', 'Content: 'CONTENT' }, // attributes
new esri.InfoTemplate('${title}', '${content}')
));
var customExtentAndSR = new esri.geometry.Extent(174.756,-36.857,174.763,-36.852,new esri.SpatialReference({"wkid":4326}));
map.setExtent(customExtentAndSR);
map.infoWindow.show(Auckland);
}

Maybe if i turn my "new esri.InfoTemplate('${title}', '${content}')" into a variable amd link it to "map.infoWindow.show(Auckland);
"?

Thanks
Shane H