{"id":515,"date":"2020-10-31T05:35:55","date_gmt":"2020-10-31T13:35:55","guid":{"rendered":"https:\/\/www.zeemaps.com\/mapping\/?page_id=515"},"modified":"2024-10-01T14:08:59","modified_gmt":"2024-10-01T22:08:59","slug":"add-images-to-map-pins-individually-or-in-bulk","status":"publish","type":"page","link":"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/","title":{"rendered":"Add Images to Map Pins &#8211; Individually or in Bulk"},"content":{"rendered":"\n<p>ZeeMaps allows you to add one image for each pin on your map. You can add an image to your map pins either: (1) individually,  or (2) in bulk using spreadsheet uploads.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-add-images-to-map-markers-individually\">Add Images to Map Markers Individually<\/h2>\n\n\n\n<p>While adding a map marker individually, you can also add an image that will show in the information bubble for that marker. To add a marker individually, use the Map &gt; Additions &gt; Add Marker (Simple or Detailed) menu item on your map.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"499\" height=\"536\" src=\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png\" alt=\"Images to Map Pins\" class=\"wp-image-552\" style=\"width:317px;height:341px\" srcset=\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png 499w, https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1-279x300.png 279w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><figcaption class=\"wp-element-caption\">Select Simple or Detailed from the Additions menu <\/figcaption><\/figure>\n\n\n\n<p>When you select &#8216;Add Marker &#8211; Simple&#8217;, you get a simple dialog that allows you to specify the name of the marker, its location, a brief description, a color and an image.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2020\/10\/image-2.png\" alt=\"Images to Map Pins\" class=\"wp-image-2147\"\/><figcaption class=\"wp-element-caption\">Simple Add Dialog in ZeeMaps<\/figcaption><\/figure>\n\n\n\n<p>If you select &#8216;Add Marker &#8211; Detailed&#8217;, you will get a more detailed dialog. Therefore, you can specify everything as above in the simple dialog, but you also get more fields. For example, you can add media such as a YouTube video or audio files.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized image-border\"><img decoding=\"async\" src=\"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2020\/10\/image-3.png\" alt=\"Images to Map Pins\" class=\"wp-image-2148\" style=\"width:548px;height:436px\"\/><figcaption class=\"wp-element-caption\">Detailed Add Dialog in ZeeMaps<\/figcaption><\/figure>\n\n\n\n<p>From the Location tab, you can add an Entry Name and Location. The Details tab is where you enter email, phone, website, etc. Then, the Media tab allows you to add the image for the map pin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized image-border\"><img decoding=\"async\" src=\"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2020\/10\/image-4.png\" alt=\"\" class=\"wp-image-2149\" style=\"width:544px;height:431px\"\/><figcaption class=\"wp-element-caption\">Media Tab in the Detailed Add<\/figcaption><\/figure>\n\n\n\n<p>To add an image, go to Photo. You can upload one of two ways &#8211; either by clicking &#8216;Choose File&#8217; or by entering a URL. If you choose the second option, make sure that the URL points to just the image file, e.g., in JPEG or PNG format, and not the web page containing the image.<\/p>\n\n\n\n<p>In the Detailed Add dialog, you can also select a width and height for your image as it will appear in the information bubble.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-add-images-using-a-spreadsheet-to-map-pins\">Add Images using a Spreadsheet to Map Pins<\/h2>\n\n\n\n<p>ZeeMaps allows you to <a href=\"https:\/\/www.zeemaps.com\/mapping\/create-a-map\/how-to-map-data-from-spreadsheet\/\" target=\"_blank\" rel=\"noreferrer noopener\">upload map points using a spreadsheet<\/a>, such as Excel (.xlsx) or Comma Separated Value (.csv). Typically the data will have column headers indicating a Name, Description and Location. To add an image for your uploaded map pins, add a column called &#8216;Image&#8217;, or &#8216;Photo URL&#8217; to your spreadsheet. Then, in each row, insert a picture in the cell, or add a link to the image. Make sure that the link points directly to an image and not to a webpage containing the image.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large image-border\"><img decoding=\"async\" src=\"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2020\/10\/image.png\" alt=\"Map Marker entry csv\" class=\"wp-image-2140\"\/><figcaption class=\"wp-element-caption\">Adding a Photo URL column to spreadsheet uploads<\/figcaption><\/figure>\n\n\n\n<p>When you insert images directly in cells, the resulting file should be an Excel spreadsheet with the extension .xlsx.<\/p>\n\n\n\n<p>Next, go to your map and select &#8216;Additions&#8217; then &#8216;Spreadsheet.&#8217; Locate the file you wish to upload and select the fields for basic information. Then select the &#8216;Media&#8217; tab, shown above. Choose the correct column from the drop-down list next to &#8216;Photo&#8217; and click submit. Then, the photo listed will be used as the image for the map pin when selected.<\/p>\n\n\n\n<p><strong>Use our example data to help you with this process<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-file\"><a href=\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/MonstersofAmerica_ExampleData.csv\">MonstersofAmerica_ExampleData<\/a><a href=\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/MonstersofAmerica_ExampleData.csv\" class=\"wp-block-file__button wp-element-button\" download>Download<\/a><\/div>\n\n\n\n<p><a href=\"https:\/\/pixabay.com\/images\/search\/icon\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pixabay<\/a> is a good resource site, where you can snag some picture icons, as well as map ideas and images!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-we-used-this-zeemaps-feature-in-the-american-monsters-map-below\">We used this ZeeMaps feature in the American Monsters Map below!<\/h3>\n\n\n <iframe src='\/\/www.zeemaps.com\/pub?group=3896634&search=1&legend=1&legend=1' width='100%' height='500' frameborder=0><\/iframe>\n","protected":false},"excerpt":{"rendered":"<p>ZeeMaps allows you to add one image for each pin on your map. You can add an image to your [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-515","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.7.1 (Yoast SEO v25.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add Images to Map Pins - Individually or in Bulk - Help<\/title>\n<meta name=\"description\" content=\"ZeeMaps allows you to customize the map marker icons by using the associated image as the pin marker - View this tutorial to learn more!\" \/>\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.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Image as Marker for Map Pins - ZeeMaps Help\" \/>\n<meta property=\"og:description\" content=\"ZeeMaps allows you to customize the map marker icons by using the associated image as the pin marker - View this tutorial to learn more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/zeemaps\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-01T22:08:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Add Image as Marker for Map Pins - ZeeMaps Help\" \/>\n<meta name=\"twitter:description\" content=\"ZeeMaps allows you to customize the map marker icons by using the associated image as the pin marker - View this tutorial to learn more!\" \/>\n<meta name=\"twitter:site\" content=\"@zeemaps\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/\",\"url\":\"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/\",\"name\":\"Add Images to Map Pins - Individually or in Bulk - Help\",\"isPartOf\":{\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png\",\"datePublished\":\"2020-10-31T13:35:55+00:00\",\"dateModified\":\"2024-10-01T22:08:59+00:00\",\"description\":\"ZeeMaps allows you to customize the map marker icons by using the associated image as the pin marker - View this tutorial to learn more!\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/#primaryimage\",\"url\":\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png\",\"contentUrl\":\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png\",\"width\":499,\"height\":536},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/#website\",\"url\":\"https:\/\/www.zeemaps.com\/mapping\/\",\"name\":\"ZeeMaps Help\",\"description\":\"Tutorials on using ZeeMaps\",\"publisher\":{\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.zeemaps.com\/mapping\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/#organization\",\"name\":\"ZeeMaps\",\"url\":\"https:\/\/www.zeemaps.com\/mapping\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/05\/logo.png\",\"contentUrl\":\"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/05\/logo.png\",\"width\":171,\"height\":41,\"caption\":\"ZeeMaps\"},\"image\":{\"@id\":\"https:\/\/www.zeemaps.com\/mapping\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/zeemaps\",\"https:\/\/x.com\/zeemaps\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Add Images to Map Pins - Individually or in Bulk - Help","description":"ZeeMaps allows you to customize the map marker icons by using the associated image as the pin marker - View this tutorial to learn more!","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.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/","og_locale":"en_US","og_type":"article","og_title":"Add Image as Marker for Map Pins - ZeeMaps Help","og_description":"ZeeMaps allows you to customize the map marker icons by using the associated image as the pin marker - View this tutorial to learn more!","og_url":"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/","og_site_name":"Help","article_publisher":"https:\/\/www.facebook.com\/zeemaps","article_modified_time":"2024-10-01T22:08:59+00:00","og_image":[{"url":"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"Add Image as Marker for Map Pins - ZeeMaps Help","twitter_description":"ZeeMaps allows you to customize the map marker icons by using the associated image as the pin marker - View this tutorial to learn more!","twitter_site":"@zeemaps","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/","url":"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/","name":"Add Images to Map Pins - Individually or in Bulk - Help","isPartOf":{"@id":"https:\/\/www.zeemaps.com\/mapping\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/#primaryimage"},"image":{"@id":"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png","datePublished":"2020-10-31T13:35:55+00:00","dateModified":"2024-10-01T22:08:59+00:00","description":"ZeeMaps allows you to customize the map marker icons by using the associated image as the pin marker - View this tutorial to learn more!","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zeemaps.com\/mapping\/add-images-to-map-pins-individually-or-in-bulk\/#primaryimage","url":"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png","contentUrl":"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/10\/image-1.png","width":499,"height":536},{"@type":"WebSite","@id":"https:\/\/www.zeemaps.com\/mapping\/#website","url":"https:\/\/www.zeemaps.com\/mapping\/","name":"ZeeMaps Help","description":"Tutorials on using ZeeMaps","publisher":{"@id":"https:\/\/www.zeemaps.com\/mapping\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.zeemaps.com\/mapping\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.zeemaps.com\/mapping\/#organization","name":"ZeeMaps","url":"https:\/\/www.zeemaps.com\/mapping\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zeemaps.com\/mapping\/#\/schema\/logo\/image\/","url":"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/05\/logo.png","contentUrl":"https:\/\/www.zeemaps.com\/mapping\/wp-content\/uploads\/2020\/05\/logo.png","width":171,"height":41,"caption":"ZeeMaps"},"image":{"@id":"https:\/\/www.zeemaps.com\/mapping\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/zeemaps","https:\/\/x.com\/zeemaps"]}]}},"_links":{"self":[{"href":"https:\/\/www.zeemaps.com\/mapping\/wp-json\/wp\/v2\/pages\/515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zeemaps.com\/mapping\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zeemaps.com\/mapping\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zeemaps.com\/mapping\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zeemaps.com\/mapping\/wp-json\/wp\/v2\/comments?post=515"}],"version-history":[{"count":53,"href":"https:\/\/www.zeemaps.com\/mapping\/wp-json\/wp\/v2\/pages\/515\/revisions"}],"predecessor-version":[{"id":618,"href":"https:\/\/www.zeemaps.com\/mapping\/wp-json\/wp\/v2\/pages\/515\/revisions\/618"}],"wp:attachment":[{"href":"https:\/\/www.zeemaps.com\/mapping\/wp-json\/wp\/v2\/media?parent=515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}