{"id":1914782,"date":"2023-05-08T13:30:58","date_gmt":"2023-05-08T20:30:58","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1914782"},"modified":"2023-05-08T13:30:58","modified_gmt":"2023-05-08T20:30:58","slug":"media-layer-image-hotspots","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots","title":{"rendered":"Use Map Viewer media layers and feature or sketch layers to create image hotspots"},"author":7641,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[770212,769492],"industry":[],"product":[36551],"class_list":["post-1914782","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-image-hotspots","tag-media-layer","product-arcgis-online"],"acf":{"short_description":"Using media layers combined with feature or sketch layers, you can create image hotspots with links to just about anything you want.","flexible_content":[{"acf_fc_layout":"content","content":"<p>An image hotspot is an area within an image that can be used as a clickable link to other information: a website, another graphic, a text document, a movie, or just about anything. In the world of GIS, we might even think of our polygons, lines, and points as truthfully located geographic hotspots on our map that can open pop-ups to reveal similar media.<\/p>\n<p>In the world of GIS, we almost always insist that everything needs to be placed into real-world coordinate space and located somewhere on the planet. There are two ways that images, such has historical maps, can be placed into real-world coordinate space. One way is to use <a href=\"https:\/\/pro.arcgis.com\/en\/pro-app\/latest\/help\/data\/imagery\/overview-of-georeferencing.htm\" target=\"_blank\" rel=\"noopener\">ArcGIS Pro to georeference<\/a> the image and publish it as a tile or image service, the other way is using Map Viewer <a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/add-media-layers.htm\" target=\"_blank\" rel=\"noopener\">media layers<\/a>.<\/p>\n"},{"acf_fc_layout":"content","content":"<p style=\"font-size: 115%;\"><strong>What is a media layer?<\/strong><\/p>\n<p>Media layers allow you to drag and drop images into your map, then resize, rotate, and skew them to get a good match to your basemap. The app below shows a few examples; use the bookmarks tool to navigate to different media layers. All examples are from the <a href=\"https:\/\/www.davidrumsey.com\/home\" target=\"_blank\" rel=\"noopener\">David Rumsey Historical Maps Collection<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1925772,"id":1925772,"title":"media-1","filename":"media-1.jpg","filesize":192946,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-1","alt":"Media layer examples","author":"7641","description":"","caption":"Open app","name":"media-1","status":"inherit","uploaded_to":1914782,"date":"2023-05-05 04:18:53","modified":"2023-05-05 04:20:05","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":826,"height":385,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1.jpg","medium-width":464,"medium-height":216,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1.jpg","medium_large-width":768,"medium_large-height":358,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1.jpg","large-width":826,"large-height":385,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1.jpg","1536x1536-width":826,"1536x1536-height":385,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1.jpg","2048x2048-width":826,"2048x2048-height":385,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1.jpg","card_image-width":826,"card_image-height":385,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-1.jpg","wide_image-width":826,"wide_image-height":385}},"image_position":"left-center","orientation":"horizontal","hyperlink":"https:\/\/www.arcgis.com\/apps\/instant\/basic\/index.html?appid=17f280e4d8b940738f2ac280f357a74a"},{"acf_fc_layout":"content","content":"<p>Media layers can also be used to include images that can&#8217;t be georeferenced properly, such as diagrams, cross-sections, schematics, and similar documents. These can be included as part of your overall ArcGIS Online content, and with a few simple techniques you can add hotspots to display pop-ups with text, images, links, and more.<\/p>\n<p>View the <a href=\"https:\/\/www.arcgis.com\/apps\/instant\/media\/index.html?appid=800dc8afe7384280b79ef56168311eb3\" target=\"_blank\" rel=\"noopener\">example app<\/a> below and continue reading to learn how it was created. You can also <a href=\"https:\/\/www.arcgis.com\/apps\/mapviewer\/index.html?webmap=8dbe12d4594b482c9927bdbf9aad2aba\" target=\"_blank\" rel=\"noopener\">view the map<\/a> that was used to create the app.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1925782,"id":1925782,"title":"media-3","filename":"media-3.jpg","filesize":92323,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-3","alt":"Media layer hotspot example","author":"7641","description":"","caption":"Open app","name":"media-3","status":"inherit","uploaded_to":1914782,"date":"2023-05-05 04:25:11","modified":"2023-05-05 04:25:34","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":826,"height":385,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3.jpg","medium-width":464,"medium-height":216,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3.jpg","medium_large-width":768,"medium_large-height":358,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3.jpg","large-width":826,"large-height":385,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3.jpg","1536x1536-width":826,"1536x1536-height":385,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3.jpg","2048x2048-width":826,"2048x2048-height":385,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3.jpg","card_image-width":826,"card_image-height":385,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-3.jpg","wide_image-width":826,"wide_image-height":385}},"image_position":"left-center","orientation":"horizontal","hyperlink":"https:\/\/www.arcgis.com\/apps\/instant\/media\/index.html?appid=800dc8afe7384280b79ef56168311eb3"},{"acf_fc_layout":"content","content":"<p style=\"font-size: 115%;\"><strong>Make your own hotspot media layer map<\/strong><\/p>\n<p>To create something similar to the example above, the outline of the steps are as follows:<\/p>\n<ul>\n<li>Add the image you want to use as a media layer<\/li>\n<li>Remove\/hide the basemap<\/li>\n<li>Add &#8220;hotspot&#8221; feature layers<\/li>\n<li>Create an app<\/li>\n<\/ul>\n<p><strong>Step 1<\/strong> \u2014 Sign in to your ArcGIS account and open Map Viewer. There are two ways to add media layers from the Content (dark) toolbar:<\/p>\n<p>(1) Click\u00a0<strong>Add<\/strong>, then <strong>Add media layer<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926332,"id":1926332,"title":"media-4","filename":"media-4.png","filesize":23572,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-4","alt":"Add media layer","author":"7641","description":"","caption":"","name":"media-4","status":"inherit","uploaded_to":1914782,"date":"2023-05-05 23:04:10","modified":"2023-05-05 23:04:49","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":369,"height":386,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4.png","medium-width":250,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4.png","medium_large-width":369,"medium_large-height":386,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4.png","large-width":369,"large-height":386,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4.png","1536x1536-width":369,"1536x1536-height":386,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4.png","2048x2048-width":369,"2048x2048-height":386,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4.png","card_image-width":369,"card_image-height":386,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-4.png","wide_image-width":369,"wide_image-height":386}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>or (2) click <strong>Layers<\/strong>, then <strong>Add media layer<\/strong> from the <strong>Add<\/strong> drop-down.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926342,"id":1926342,"title":"media-5","filename":"media-5.png","filesize":34285,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-5","alt":"Add media layer","author":"7641","description":"","caption":"","name":"media-5","status":"inherit","uploaded_to":1914782,"date":"2023-05-05 23:05:02","modified":"2023-05-05 23:05:13","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":418,"height":547,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5.png","medium-width":199,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5.png","medium_large-width":418,"medium_large-height":547,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5.png","large-width":418,"large-height":547,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5.png","1536x1536-width":418,"1536x1536-height":547,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5.png","2048x2048-width":418,"2048x2048-height":547,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5-355x465.png","card_image-width":355,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-5.png","wide_image-width":418,"wide_image-height":547}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>Step 2<\/strong> \u2014 Drag and drop the image or browse to it by clicking <strong>Your device<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926352,"id":1926352,"title":"media-6","filename":"media-6.png","filesize":15688,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-6","alt":"Add media","author":"7641","description":"","caption":"","name":"media-6","status":"inherit","uploaded_to":1914782,"date":"2023-05-05 23:05:31","modified":"2023-05-05 23:05:41","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":510,"height":418,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6.png","medium-width":318,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6.png","medium_large-width":510,"medium_large-height":418,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6.png","large-width":510,"large-height":418,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6.png","1536x1536-width":510,"1536x1536-height":418,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6.png","2048x2048-width":510,"2048x2048-height":418,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6.png","card_image-width":510,"card_image-height":418,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-6.png","wide_image-width":510,"wide_image-height":418}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>Step 4<\/strong> \u2014 Since we&#8217;re not concerned about placing the image on our map, in the <strong>Add media layer<\/strong> pane click <strong>Update and close<\/strong> in the lower right.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926372,"id":1926372,"title":"media-7s","filename":"media-7s.jpg","filesize":125629,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-7s","alt":"Media layer","author":"7641","description":"","caption":"View larger image","name":"media-7s","status":"inherit","uploaded_to":1914782,"date":"2023-05-05 23:13:43","modified":"2023-05-05 23:14:49","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":752,"height":385,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s.jpg","medium-width":464,"medium-height":238,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s.jpg","medium_large-width":752,"medium_large-height":385,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s.jpg","large-width":752,"large-height":385,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s.jpg","1536x1536-width":752,"1536x1536-height":385,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s.jpg","2048x2048-width":752,"2048x2048-height":385,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s.jpg","card_image-width":752,"card_image-height":385,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7s.jpg","wide_image-width":752,"wide_image-height":385}},"image_position":"left-center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-7.jpg"},{"acf_fc_layout":"content","content":"<p><strong>Tip<\/strong>: Depending on the resolution of your image and your current map extent, your results may vary. Experiment by dragging the image larger or smaller to see what provides the best results. Remember to hold the shift key down when dragging to preserve the image aspect ratio .<\/p>\n<p>The image has been placed on the map as a new media layer. In the next steps, the basemap will be removed or otherwise hidden.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926402,"id":1926402,"title":"media-8s","filename":"media-8s.jpg","filesize":129141,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-8s","alt":"Media layer in map","author":"7641","description":"","caption":"View larger image","name":"media-8s","status":"inherit","uploaded_to":1914782,"date":"2023-05-05 23:17:23","modified":"2023-05-05 23:18:10","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":752,"height":385,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s.jpg","medium-width":464,"medium-height":238,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s.jpg","medium_large-width":752,"medium_large-height":385,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s.jpg","large-width":752,"large-height":385,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s.jpg","1536x1536-width":752,"1536x1536-height":385,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s.jpg","2048x2048-width":752,"2048x2048-height":385,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s.jpg","card_image-width":752,"card_image-height":385,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8s.jpg","wide_image-width":752,"wide_image-height":385}},"image_position":"left-center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-8.jpg"},{"acf_fc_layout":"content","content":"<p><strong>Step 5<\/strong> \u2014 In the basemap pane, remove or hide all of the basemap layers. You can&#8217;t remove all basemap layers, so you will need to hide the remaining ones.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926432,"id":1926432,"title":"media-9","filename":"media-9.png","filesize":35344,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-9","alt":"Basemap pane","author":"7641","description":"","caption":"","name":"media-9","status":"inherit","uploaded_to":1914782,"date":"2023-05-05 23:22:39","modified":"2023-05-05 23:22:49","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":478,"height":588,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9.png","medium-width":212,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9.png","medium_large-width":478,"medium_large-height":588,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9.png","large-width":478,"large-height":588,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9.png","1536x1536-width":478,"1536x1536-height":588,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9.png","2048x2048-width":478,"2048x2048-height":588,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9-378x465.png","card_image-width":378,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-9.png","wide_image-width":478,"wide_image-height":588}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>Tip<\/strong>: You can use a single layer basemap like World Imagery and just hide the imagery layer.<\/p>\n<p><strong>Step 6<\/strong> \u2014 You can leave the map background white, but you can also change the background to a different color; one that might complement or highlight the image. Open the Map Properties pane from the Contents toolbar, then toggle <strong>Enable background color<\/strong> on and choose the desired color.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926462,"id":1926462,"title":"media-10","filename":"media-10.jpg","filesize":137407,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-10","alt":"Background color","author":"7641","description":"","caption":"","name":"media-10","status":"inherit","uploaded_to":1914782,"date":"2023-05-07 21:27:50","modified":"2023-05-07 21:28:03","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":691,"height":676,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10.jpg","medium-width":267,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10.jpg","medium_large-width":691,"medium_large-height":676,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10.jpg","large-width":691,"large-height":676,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10.jpg","1536x1536-width":691,"1536x1536-height":676,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10.jpg","2048x2048-width":691,"2048x2048-height":676,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10-475x465.jpg","card_image-width":475,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-10.jpg","wide_image-width":691,"wide_image-height":676}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>When finished, save the map.<\/p>\n<p><strong>Step 7<\/strong> \u2014 Create the &#8220;hotspot&#8221; layers.<\/p>\n<p>In the next steps, the &#8220;hotspot&#8221; layers will be created. These are point\/stamp, line, or polygon feature or sketch layers that will be added on top of the image to configure the pop-ups that will contain the text, media, and other information that you want to display when a spot on the image is clicked.<\/p>\n<p>In the sample, a point and a polygon hosted feature layer are used. However, stamp and polygon sketch features could also have been used. The results are the same in general, however there may be additional reasons (such as using existing feature layer templates, adding charts to pop-ups, or using related tables) that feature layers may be the best choice.<\/p>\n<p>Whether you use feature or sketch layers, and how you create them, will depend on what you want to display in the hotspot pop-ups. For brevity, the steps for creating the hosted feature or sketch layers are not detailed here, instead they are outlined below:<\/p>\n<p><strong>Use hosted feature layers<\/strong><\/p>\n<p><strong>7a<\/strong>\u00a0\u2014 In Content, click <strong>New item<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926472,"id":1926472,"title":"media-21","filename":"media-21.png","filesize":10696,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-21","alt":"New item","author":"7641","description":"","caption":"","name":"media-21","status":"inherit","uploaded_to":1914782,"date":"2023-05-07 22:04:53","modified":"2023-05-07 22:05:04","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":346,"height":145,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21-213x145.png","thumbnail-width":213,"thumbnail-height":145,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21.png","medium-width":346,"medium-height":145,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21.png","medium_large-width":346,"medium_large-height":145,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21.png","large-width":346,"large-height":145,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21.png","1536x1536-width":346,"1536x1536-height":145,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21.png","2048x2048-width":346,"2048x2048-height":145,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21.png","card_image-width":346,"card_image-height":145,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-21.png","wide_image-width":346,"wide_image-height":145}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>7b<\/strong> \u2014\u00a0When finished, configure the fields to hold the pop-up information by opening item Data tab, then selecting <strong>Fields<\/strong>, then clicking <strong>+ Add<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926502,"id":1926502,"title":"media-25","filename":"media-25.png","filesize":18199,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-25","alt":"Configure feature layer fields","author":"7641","description":"","caption":"","name":"media-25","status":"inherit","uploaded_to":1914782,"date":"2023-05-07 22:29:02","modified":"2023-05-07 22:29:21","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":585,"height":139,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25-213x139.png","thumbnail-width":213,"thumbnail-height":139,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25.png","medium-width":464,"medium-height":110,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25.png","medium_large-width":585,"medium_large-height":139,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25.png","large-width":585,"large-height":139,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25.png","1536x1536-width":585,"1536x1536-height":139,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25.png","2048x2048-width":585,"2048x2048-height":139,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25.png","card_image-width":585,"card_image-height":139,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-25.png","wide_image-width":585,"wide_image-height":139}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"image","image":{"ID":1926512,"id":1926512,"title":"media-27","filename":"media-27.png","filesize":20639,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-27","alt":"Add fields","author":"7641","description":"","caption":"","name":"media-27","status":"inherit","uploaded_to":1914782,"date":"2023-05-07 22:31:22","modified":"2023-05-07 22:31:34","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":662,"height":217,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27.png","medium-width":464,"medium-height":152,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27.png","medium_large-width":662,"medium_large-height":217,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27.png","large-width":662,"large-height":217,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27.png","1536x1536-width":662,"1536x1536-height":217,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27.png","2048x2048-width":662,"2048x2048-height":217,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27.png","card_image-width":662,"card_image-height":217,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-27.png","wide_image-width":662,"wide_image-height":217}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>7c<\/strong> \u2014 Add the layer(s) just created to your map. For each of them, select the layer and click <strong>Edit<\/strong> in the Settings (light) toolbar and add new features using the media layer as your guide to placing hotspots.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926622,"id":1926622,"title":"media-31","filename":"media-31.jpg","filesize":99309,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-31","alt":"Add polygons","author":"7641","description":"","caption":"","name":"media-31","status":"inherit","uploaded_to":1914782,"date":"2023-05-08 17:09:59","modified":"2023-05-08 17:10:12","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":756,"height":359,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31.jpg","medium-width":464,"medium-height":220,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31.jpg","medium_large-width":756,"medium_large-height":359,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31.jpg","large-width":756,"large-height":359,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31.jpg","1536x1536-width":756,"1536x1536-height":359,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31.jpg","2048x2048-width":756,"2048x2048-height":359,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31.jpg","card_image-width":756,"card_image-height":359,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-31.jpg","wide_image-width":756,"wide_image-height":359}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>7d<\/strong> \u2014 Add attribute information for the fields added in (<strong>b<\/strong>) above, then click Create to add the feature.<\/p>\n<p><strong>7e<\/strong> \u2014 When finished, style the layers as desired, then enable and configure the pop-ups.<\/p>\n<p>For more information, see:<\/p>\n<ul>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/manage-data\/publish-features.htm#ESRI_SECTION1_7BA6E10834AE49A2AB526B6CA286105B\" target=\"_blank\" rel=\"noopener\">Define your own layer<\/a><\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/manage-data\/add-or-delete-fields.htm#GUID-BE260302-CEA6-4A3A-8933-60911375943A\" target=\"_blank\" rel=\"noopener\">Add a field<\/a><\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/configure-pop-ups-mv.htm\" target=\"_blank\" rel=\"noopener\">Configure pop-ups<\/a><\/li>\n<\/ul>\n"},{"acf_fc_layout":"content","content":"<p><strong>Use sketch layers<\/strong><\/p>\n<p><strong>7a<\/strong> \u2014 In the Map Viewer Contents toolbar, or from the <strong>Add<\/strong> drop-down in the Layers pane, click <strong>Create Sketch layer<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926632,"id":1926632,"title":"media-33","filename":"media-33.png","filesize":28290,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-33","alt":"Create Sketch layer","author":"7641","description":"","caption":"","name":"media-33","status":"inherit","uploaded_to":1914782,"date":"2023-05-08 17:24:14","modified":"2023-05-08 17:24:31","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":471,"height":454,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33.png","medium-width":271,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33.png","medium_large-width":471,"medium_large-height":454,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33.png","large-width":471,"large-height":454,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33.png","1536x1536-width":471,"1536x1536-height":454,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33.png","2048x2048-width":471,"2048x2048-height":454,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33.png","card_image-width":471,"card_image-height":454,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-33.png","wide_image-width":471,"wide_image-height":454}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>7b<\/strong> \u2014 Choose the sketch feature type and add features to the map.<\/p>\n<p><strong>7c<\/strong> \u2014 Enable and configure the pop-up for each sketch feature.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1926992,"id":1926992,"title":"media-35","filename":"media-35.png","filesize":2826,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\/media-35","alt":"Enable sketch feature pop-up","author":"7641","description":"","caption":"","name":"media-35","status":"inherit","uploaded_to":1914782,"date":"2023-05-08 20:05:40","modified":"2023-05-08 20:05:55","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":287,"height":71,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35-213x71.png","thumbnail-width":213,"thumbnail-height":71,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35.png","medium-width":287,"medium-height":71,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35.png","medium_large-width":287,"medium_large-height":71,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35.png","large-width":287,"large-height":71,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35.png","1536x1536-width":287,"1536x1536-height":71,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35.png","2048x2048-width":287,"2048x2048-height":71,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35.png","card_image-width":287,"card_image-height":71,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-35.png","wide_image-width":287,"wide_image-height":71}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>For more information, see:<\/p>\n<ul>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-sketch-layers-mv.htm\" target=\"_blank\" rel=\"noopener\">Create sketch layers<\/a><\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-sketch-layers-mv.htm#ESRI_SECTION1_1989B87721E4445ABE7E90A5D69B5E48\" target=\"_blank\" rel=\"noopener\">Add a pop-up to a sketch feature<\/a><\/li>\n<\/ul>\n"},{"acf_fc_layout":"content","content":"<p><strong>Save<\/strong> your map when finished.<\/p>\n<p><strong>Step 8<\/strong> \u2014 Use ArcGIS Instant Apps to create an app for viewing and interacting with the media layer. <a href=\"https:\/\/www.arcgis.com\/home\/item.html?id=a3cbc26d59124dfd9b6b740937f37d10\" target=\"_blank\" rel=\"noopener\">Basic<\/a> and <a href=\"https:\/\/www.arcgis.com\/home\/item.html?id=7c5f70d91e6b4a5d9c7ee877142d77a6\">Media Map<\/a> are two good choices to consider for configuring minimalist, map-focused apps.<\/p>\n"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<h2>More information<\/h2>\n<p>For more information, see:<\/p>\n<ul>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/add-media-layers.htm\" target=\"_blank\" rel=\"noopener\">Add media layers<\/a> (Help)<\/li>\n<li><a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/announcing-media-layers\/\" target=\"_blank\" rel=\"noopener\">Announcing media layers for adding images to web maps<\/a> (ArcGIS Blog)<\/li>\n<li><a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/how-to-style-a-media-layer-using-effects-and-blend-modes\/\" target=\"_blank\" rel=\"noopener\">Apply cartographic effects to blend media layers into maps<\/a> (ArcGIS Blog)<\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/manage-data\/publish-features.htm\" target=\"_blank\" rel=\"noopener\">Publish hosted feature layers<\/a> (Help)<\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/create-sketch-layers-mv.htm\" target=\"_blank\" rel=\"noopener\">Create sketch layers<\/a> (Help)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n"}],"related_articles":"","authors":[{"ID":7641,"user_firstname":"Bernie","user_lastname":"Szukalski","nickname":"Bern Szukalski","user_nicename":"bszukalski","display_name":"Bern Szukalski","user_email":"bszukalski@esri.com","user_url":"","user_registered":"2018-03-26 17:55:14","user_description":"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. \r\n\r\nOn a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-c.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-b.jpg"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Use Map Viewer media layers and feature or sketch layers to create image hotspots<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use Map Viewer media layers and feature or sketch layers to create image hotspots\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\"},\"author\":{\"name\":\"Bern Szukalski\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717\"},\"headline\":\"Use Map Viewer media layers and feature or sketch layers to create image hotspots\",\"datePublished\":\"2023-05-08T20:30:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\"},\"wordCount\":14,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"image hotspots\",\"Media Layer\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\",\"name\":\"Use Map Viewer media layers and feature or sketch layers to create image hotspots\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2023-05-08T20:30:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Use Map Viewer media layers and feature or sketch layers to create image hotspots\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717\",\"name\":\"Bern Szukalski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png\",\"caption\":\"Bern Szukalski\"},\"description\":\"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. On a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/bernszukalski\/\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Use Map Viewer media layers and feature or sketch layers to create image hotspots","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots","og_locale":"en_US","og_type":"article","og_title":"Use Map Viewer media layers and feature or sketch layers to create image hotspots","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots"},"author":{"name":"Bern Szukalski","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717"},"headline":"Use Map Viewer media layers and feature or sketch layers to create image hotspots","datePublished":"2023-05-08T20:30:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots"},"wordCount":14,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["image hotspots","Media Layer"],"articleSection":["Mapping"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots","name":"Use Map Viewer media layers and feature or sketch layers to create image hotspots","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2023-05-08T20:30:58+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-layer-image-hotspots#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Use Map Viewer media layers and feature or sketch layers to create image hotspots"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717","name":"Bern Szukalski","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png","caption":"Bern Szukalski"},"description":"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. On a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).","sameAs":["https:\/\/www.linkedin.com\/in\/bernszukalski\/"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski"}]}},"text_date":"May 8, 2023","author_name":"Bern Szukalski","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/05\/media-b.jpg","primary_product":"ArcGIS Online","tag_data":[{"term_id":770212,"name":"image hotspots","slug":"image-hotspots","term_group":0,"term_taxonomy_id":770212,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":769492,"name":"Media Layer","slug":"media-layer","term_group":0,"term_taxonomy_id":769492,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2683,"filter":"raw"}],"product_data":[{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2419,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-online","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1914782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/7641"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1914782"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1914782\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1914782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1914782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1914782"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1914782"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1914782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}