{"id":183821,"date":"2013-02-06T23:17:22","date_gmt":"2013-02-07T07:17:22","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=183821"},"modified":"2018-12-18T10:31:44","modified_gmt":"2018-12-18T18:31:44","slug":"creating-an-interactive-photo-map-with-arcgis-online","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online","title":{"rendered":"Creating an interactive photo map with ArcGIS Online"},"author":5691,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37511],"tags":[29221,25261],"industry":[],"product":[36551,36611],"class_list":["post-183821","blog","type-blog","status-publish","format-standard","hentry","category-sharing-collaboration","tag-photos","tag-story-map-tour","product-arcgis-online","product-story-maps"],"acf":{"short_description":"Have you ever wanted to put your vacation photographs on a map and share them with friends and family?","flexible_content":[{"acf_fc_layout":"content","content":"<p>Have you ever wanted to put your vacation photographs on a map and share them with friends and family? You can use ArcGIS Online to display the pictures on a web map so others can interact with the places you visited. Creating a simple, interactive photo map with ArcGIS Online requires three steps: creating editable layers, configuring pop-up messages, and sharing the map with others.<\/p>\n<p>Before you begin, you will need to sign up for a free, personal\u00a0<a href=\"https:\/\/www.arcgis.com\/home\/createaccount.html\">ArcGIS Online account<\/a>. After you have an account, sign-in to\u00a0<a href=\"http:\/\/arcgis.com\/home\/\">ArcGIS Online<\/a>and click the Map button to start building the map of your trip. In the map viewer, click the Add button and click Create Editable Layer.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-25156 aligncenter\" src=\"http:\/\/blogs.esri.com\/esri\/arcgis\/files\/2013\/02\/Add_EditableLayer1.png\" alt=\"\" width=\"280\" height=\"193\" \/><\/p>\n<p>Because this layer will demonstrate the points you visited, type an appropriate name, such as Destinations. You can use the default template Map Notes. Click Create when you are done.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-25157 aligncenter\" src=\"http:\/\/blogs.esri.com\/esri\/arcgis\/files\/2013\/02\/CreateEditableLayer1.png\" alt=\"\" width=\"321\" height=\"154\" \/>In the Add Features pane to the left of the map, choose a point symbol and click the map to add points. After you have placed a point, a dialog box appears allowing you to set a title for the destination point and, if desired, type additional information for the description.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-25158 aligncenter\" src=\"http:\/\/blogs.esri.com\/esri\/arcgis\/files\/2013\/02\/onlinePopUp1.png\" alt=\"\" width=\"340\" height=\"222\" \/>To ensure the pop-up message correctly displays the photo, you will need the full URL where the photo is hosted, such as\u00a0<a href=\"http:\/\/farm9.staticflickr.com\/8465\/8358739845_d0e36ca2b0_b.jpg\">http:\/\/farm9.staticflickr.com\/8465\/8358739845_d0e36ca2b0_b.jpg<\/a>. Enter this URL for both the Image URL and Image Link URL properties of the dialog box. Doing this shows a thumbnail in the pop-up message and opens the full-size image when it\u2019s clicked upon. After filling in the point\u2019s information, click Close.<\/p>\n<div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-25159\" src=\"http:\/\/blogs.esri.com\/esri\/arcgis\/files\/2013\/02\/EastSideGallery1.png\" alt=\"\" width=\"311\" height=\"272\" \/><br \/>\nNavigate to each additional location on the map, create a point, and repeat these steps at your remaining destinations. Once you have finished adding points to the editable layer, click the Save button to save the web map to ArcGIS Online. Enter a title, tags to help others find the map, a summary, specify the folder in your account in which to save the map, and click Save Map.<\/p>\n<p>If you want to illustrate the route you took on your trip, you can use a line to connect each destination point corresponding to the order you visited it. To do this, repeat the steps to add another editable layer, give it an appropriate title, and use the Map Notes template. Now, click the Line symbol on the Add Features pane. To ensure that the line is accurate from point to point, you can use snapping as you create the line. Zoom in to the point, hold down the Ctrl key to snap to the first point, and click to create the line\u2019s start point. A crosshair appears to indicate snapping is enabled.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-25160 \" src=\"http:\/\/blogs.esri.com\/esri\/arcgis\/files\/2013\/02\/SNAP1.png\" alt=\"\" width=\"311\" height=\"241\" \/>Now, navigate to the remaining points, and hold down Ctrl and click to create a vertex at each destination. Note that you can drag to pan to the next point. When you have connected all the points, double-click to finish creating the line. Fill in the description, make any desired symbol changes, and click Close. To save your map users time from zooming in to each destination, you can create bookmarks that\u00a0re-position\u00a0the map at a specific location and scale. To do this, zoom in to a destination and click the Bookmarks button, Add Bookmark, and provide a name. After you have finished creating bookmarks, save the map to store your edits.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-25161\" src=\"http:\/\/blogs.esri.com\/esri\/arcgis\/files\/2013\/02\/finalMAP1.png\" alt=\"\" width=\"377\" height=\"371\" \/>Now, click the Share button and make sure to share the map with Everyone (public). You can now copy the URL and send it to your family and friends! You can visit my map:\u00a0<a href=\"http:\/\/bit.ly\/XfBO9P\" target=\"_blank\" rel=\"noopener\">Backpacking Europe<\/a>.<\/p>\n<p>For those interested in interactive photo maps, take a look at the\u00a0<a href=\"http:\/\/www.arcgis.com\/home\/item.html?id=d4a2705a8b224e71961404542ae94c6f\" target=\"_blank\" rel=\"noopener\">Storytelling Map Tour Template<\/a>.<\/p>\n<\/div>\n"}],"authors":[{"ID":5691,"user_firstname":"Andrew","user_lastname":"Norris","nickname":"andrewnorris","user_nicename":"andrewnorris","display_name":"Andrew Norris","user_email":"ANorris@esri.com","user_url":"","user_registered":"2018-03-02 00:17:27","user_description":"","user_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/a27974821114f3be9cec3ed3131e1e6a1833ea3833fbf9bee3f6bdb977083ec3?s=96&#038;d=blank&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/a27974821114f3be9cec3ed3131e1e6a1833ea3833fbf9bee3f6bdb977083ec3?s=192&#038;d=blank&#038;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' loading='lazy' decoding='async'\/>"}],"related_articles":"","card_image":false,"wide_image":false},"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>Creating an interactive photo map with ArcGIS Online<\/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\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating an interactive photo map with ArcGIS Online\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-18T18:31:44+00:00\" \/>\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\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online\"},\"author\":{\"name\":\"Andrew Norris\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/bb21ea7c6f5e864b7379875bb49493ab\"},\"headline\":\"Creating an interactive photo map with ArcGIS Online\",\"datePublished\":\"2013-02-07T07:17:22+00:00\",\"dateModified\":\"2018-12-18T18:31:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online\"},\"wordCount\":8,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"photos\",\"Story Map Tour\"],\"articleSection\":[\"Sharing and Collaboration\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online\",\"name\":\"Creating an interactive photo map with ArcGIS Online\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2013-02-07T07:17:22+00:00\",\"dateModified\":\"2018-12-18T18:31:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating an interactive photo map with ArcGIS Online\"}]},{\"@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\/bb21ea7c6f5e864b7379875bb49493ab\",\"name\":\"Andrew Norris\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a27974821114f3be9cec3ed3131e1e6a1833ea3833fbf9bee3f6bdb977083ec3?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a27974821114f3be9cec3ed3131e1e6a1833ea3833fbf9bee3f6bdb977083ec3?s=96&d=blank&r=g\",\"caption\":\"Andrew Norris\"},\"url\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Creating an interactive photo map with ArcGIS Online","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\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online","og_locale":"en_US","og_type":"article","og_title":"Creating an interactive photo map with ArcGIS Online","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2018-12-18T18:31:44+00:00","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\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online"},"author":{"name":"Andrew Norris","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/bb21ea7c6f5e864b7379875bb49493ab"},"headline":"Creating an interactive photo map with ArcGIS Online","datePublished":"2013-02-07T07:17:22+00:00","dateModified":"2018-12-18T18:31:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online"},"wordCount":8,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["photos","Story Map Tour"],"articleSection":["Sharing and Collaboration"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online","name":"Creating an interactive photo map with ArcGIS Online","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2013-02-07T07:17:22+00:00","dateModified":"2018-12-18T18:31:44+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/creating-an-interactive-photo-map-with-arcgis-online#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Creating an interactive photo map with ArcGIS Online"}]},{"@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\/bb21ea7c6f5e864b7379875bb49493ab","name":"Andrew Norris","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a27974821114f3be9cec3ed3131e1e6a1833ea3833fbf9bee3f6bdb977083ec3?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a27974821114f3be9cec3ed3131e1e6a1833ea3833fbf9bee3f6bdb977083ec3?s=96&d=blank&r=g","caption":"Andrew Norris"},"url":""}]}},"text_date":"February 6, 2013","author_name":"Andrew Norris","author_page":false,"custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"ArcGIS Online","tag_data":[{"term_id":29221,"name":"photos","slug":"photos","term_group":0,"term_taxonomy_id":29221,"taxonomy":"post_tag","description":"","parent":0,"count":13,"filter":"raw"},{"term_id":25261,"name":"Story Map Tour","slug":"story-map-tour","term_group":0,"term_taxonomy_id":25261,"taxonomy":"post_tag","description":"","parent":0,"count":22,"filter":"raw"}],"category_data":[{"term_id":37511,"name":"Sharing and Collaboration","slug":"sharing-collaboration","term_group":0,"term_taxonomy_id":37511,"taxonomy":"category","description":"","parent":0,"count":429,"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":2445,"filter":"raw"},{"term_id":36611,"name":"ArcGIS StoryMaps","slug":"story-maps","term_group":0,"term_taxonomy_id":36611,"taxonomy":"product","description":"","parent":36981,"count":578,"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\/183821","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\/5691"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=183821"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/183821\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=183821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=183821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=183821"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=183821"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=183821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}