<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic popup in mapimagelayer in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-in-mapimagelayer/m-p/161365#M15039</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;DIV style="color: #000000; background-color: #ffffff; font-weight: normal; font-size: 14px;"&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #0000ff;"&gt;How to show a popup with a file name of mapimage when mapimagelayer is clicked ?&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #0000ff;"&gt;Below is my code...&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #0000ff;"&gt;var map = new Map('map',&lt;/SPAN&gt;{&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;extent:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;initialExtent&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;basemap:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;first&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;navigationMode:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;"classic"&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;infoWindow:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;popup&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; }&lt;/SPAN&gt;);&lt;/DIV&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;DIV style="color: #000000; background-color: #ffffff; font-weight: normal;"&gt; &lt;/DIV&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #0000ff;"&gt;var&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;mapImage&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;=&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #0000ff;"&gt;new&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #267f99;"&gt;MapImage&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;({&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;'extent'&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;&amp;nbsp;E&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;xtent&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;'href'&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;"images/test.svg"&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;'height'&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;&amp;nbsp;"&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;1080"&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;'width'&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;:"&lt;/SPAN&gt;&lt;SPAN style="background-color: #ffffff; color: #001080;"&gt;1080"&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; });&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt; &lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #001080;"&gt;ImageLayer&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;=&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #0000ff;"&gt;new&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #267f99;"&gt;MapImageLayer&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;(&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;);&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #001080;"&gt;map&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="color: #795e26;"&gt;addLayer&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;(&lt;SPAN style="background-color: #ffffff;"&gt;ImageLayer&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;);&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; }&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt;&lt;SPAN style="background-color: #ffffff;"&gt;ImageLayer&lt;/SPAN&gt;.&lt;/SPAN&gt;&lt;SPAN style="color: #795e26;"&gt;addImage&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;(&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;mapImage&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;);&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt; &lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt;I want to show a popup with mapimage name. Like test.svg in popup&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt; &lt;/DIV&gt;&lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 01 Jun 2018 06:09:24 GMT</pubDate>
    <dc:creator>AmarShilpakar</dc:creator>
    <dc:date>2018-06-01T06:09:24Z</dc:date>
    <item>
      <title>popup in mapimagelayer</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-in-mapimagelayer/m-p/161365#M15039</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;DIV style="color: #000000; background-color: #ffffff; font-weight: normal; font-size: 14px;"&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #0000ff;"&gt;How to show a popup with a file name of mapimage when mapimagelayer is clicked ?&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #0000ff;"&gt;Below is my code...&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #0000ff;"&gt;var map = new Map('map',&lt;/SPAN&gt;{&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;extent:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;initialExtent&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;basemap:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;first&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;navigationMode:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;"classic"&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;infoWindow:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;popup&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; }&lt;/SPAN&gt;);&lt;/DIV&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;DIV style="color: #000000; background-color: #ffffff; font-weight: normal;"&gt; &lt;/DIV&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #0000ff;"&gt;var&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;mapImage&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;=&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #0000ff;"&gt;new&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #267f99;"&gt;MapImage&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;({&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;'extent'&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;&amp;nbsp;E&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;xtent&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;'href'&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;"images/test.svg"&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;'height'&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;:&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;&amp;nbsp;"&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;1080"&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #a31515;"&gt;'width'&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;:"&lt;/SPAN&gt;&lt;SPAN style="background-color: #ffffff; color: #001080;"&gt;1080"&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; });&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt; &lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #001080;"&gt;ImageLayer&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;=&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #0000ff;"&gt;new&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #267f99;"&gt;MapImageLayer&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;(&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;);&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #001080;"&gt;map&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="color: #795e26;"&gt;addLayer&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;(&lt;SPAN style="background-color: #ffffff;"&gt;ImageLayer&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;);&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt; }&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt;&lt;SPAN style="background-color: #ffffff;"&gt;ImageLayer&lt;/SPAN&gt;.&lt;/SPAN&gt;&lt;SPAN style="color: #795e26;"&gt;addImage&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;(&lt;/SPAN&gt;&lt;SPAN style="color: #001080;"&gt;mapImage&lt;/SPAN&gt;&lt;SPAN style="color: #000000;"&gt;);&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt; &lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt;&lt;SPAN style="color: #000000;"&gt;I want to show a popup with mapimage name. Like test.svg in popup&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV style="color: #000000;"&gt; &lt;/DIV&gt;&lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 01 Jun 2018 06:09:24 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-in-mapimagelayer/m-p/161365#M15039</guid>
      <dc:creator>AmarShilpakar</dc:creator>
      <dc:date>2018-06-01T06:09:24Z</dc:date>
    </item>
  </channel>
</rss>

