topic Re: Point popup hyperlink in ArcGIS JavaScript Maps SDK Questions

Point popup hyperlink

ScottWilson2 — Sat, 11 Dec 2021 15:43:09 GMT

Hi, I have a map with multiple points, when i click on a point i get a pointInfoTemplate popup. I'm experimenting with adding my own hyperlink into this popup. So far, i've only been able to add the hyperlink into the title area which says 'click me'. I would like to add the hyperlink below the header, somewhere in the content pane, is that possible? If so, what could should i use? I've copied the snippet below.

thanks

for each (var item in apiData.items) {var x = item.geometry.x;
var y = item.geometry.y;
var point = new Point(x, y, spatial);

 var pointAttributes = { Location: "item.attributes.LOCATION", Type: "item.attributes.BinType" };
 
 var pointInfoTemplate = new InfoTemplate("item.attributes.LOCATION<br/><a class='clickMe' href='#' onclick='alert(item.geometry.x + \", \" + item.geometry.y);return false'>click me</a>"); 
 var pointGraphic = new Graphic(point, pictureSymbol, pointAttributes, pointInfoTemplate);
  
 map.graphics.add(pointGraphic);
}

Re: Point popup hyperlink

RobertScheitlin__GISP — Mon, 02 Dec 2019 17:42:31 GMT

Scott,

In your code the only thing you are specifying in the InfoTemplate constructor is the title. That is why your link is appearing in the title.

var pointInfoTemplate = new InfoTemplate("item.attributes.LOCATION<br/><a class='clickMe' href='#' onclick='alert(item.geometry.x + \", \" + item.geometry.y);return false'>click me</a>"); ‍

If you add a second string parameter in the constructor then you will be specifying the templates actual content.

https://developers.arcgis.com/javascript/3/jsapi/infotemplate-amd.html#infotemplate2

Re: Point popup hyperlink

ScottWilson2 — Mon, 02 Dec 2019 18:05:48 GMT

Thanks Robert, i've managed to get it working.