{"id":657,"date":"2014-02-02T19:51:43","date_gmt":"2014-02-02T19:51:43","guid":{"rendered":"http:\/\/content.zeemaps.com\/?p=657"},"modified":"2014-02-02T19:51:43","modified_gmt":"2014-02-02T19:51:43","slug":"displace-markers-to-reduce-clutter","status":"publish","type":"post","link":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/","title":{"rendered":"Displace Markers to reduce clutter"},"content":{"rendered":"

Sometimes map markers (pins) can get cluttered on the map if they are too close to each other. Other times markers can overlap, causing just the top one to be visible.
\nWe’ve added the ability to “Displace Markers”, that allows you to un-clutter close or overlapping markers.
\nTo displace a marker, click on the marker to show the information bubble. Then, click on the first icon to the right bottom of the information bubble. (You must be admin, or have added the marker, to see the icons on the right bottom of the information bubble.)
\n 
\n

\"Displace<\/a>
Displace Marker Icon<\/figcaption><\/figure>
\nA small window with the buttons “Done” and “Cancel” will appear, and you’ll be able to drag-and-drop the marker to a displaced location. A thin black pointer will point to the original location of the marker, so you know the actual geo-position.
\nAfter dragging-and-dropping the marker to a displaced location, if you click on the “Done” button, the marker will be displaced both in the interactive version of the map, and the static images. If you click on the “Cancel” button, the marker will be re-positioned at its original location.
\nIn the above map, we had two overlapping markers. We displaced the top one, to get the following map:
\n
\"Two<\/a>
Two overlapping markers separated<\/figcaption><\/figure><\/p>\n","protected":false},"excerpt":{"rendered":"

Sometimes map markers (pins) can get cluttered on the map if they are too close to each other. Other times […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_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":"","ast-disable-related-posts":"","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":""},"categories":[2,7,6,14],"tags":[],"class_list":["post-657","post","type-post","status-publish","format-standard","hentry","category-add-markers","category-edit-markers","category-map_display","category-map-images"],"yoast_head":"\nDisplace Markers to Un-clutter Map<\/title>\n<meta name=\"description\" content=\"ZeeMaps supports the option to displace markers from their location to un-clutter map display, or show overlapping markers.\" \/>\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\/blog\/displace-markers-to-reduce-clutter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Displace Markers to reduce clutter\" \/>\n<meta property=\"og:description\" content=\"ZeeMaps supports the option to displace markers from their location to un-clutter map display, or show overlapping markers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/zeemaps\/?eid=ARAnw5BHDEcPHqlBzf_tUU6RxgnuKkzgzT5s5QMgIRYMwX0SqumGMVw2js5zh-5w0hMXyIK_SJuSQ3aN\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-02T19:51:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2014\/01\/DisplaceIcon-2.jpg\" \/>\n<meta name=\"author\" content=\"zeemaps\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@zeemaps\" \/>\n<meta name=\"twitter:site\" content=\"@zeemaps\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"zeemaps\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/\"},\"author\":{\"name\":\"zeemaps\",\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#\\\/schema\\\/person\\\/01ec07516b57be99c58bb304e3f62cdd\"},\"headline\":\"Displace Markers to reduce clutter\",\"datePublished\":\"2014-02-02T19:51:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/\"},\"wordCount\":233,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/01\\\/DisplaceIcon-2.jpg\",\"articleSection\":[\"Add markers\",\"Edit Markers\",\"Map Display\",\"Map Images\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/\",\"url\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/\",\"name\":\"Displace Markers to Un-clutter Map\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/01\\\/DisplaceIcon-2.jpg\",\"datePublished\":\"2014-02-02T19:51:43+00:00\",\"description\":\"ZeeMaps supports the option to displace markers from their location to un-clutter map display, or show overlapping markers.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/displace-markers-to-reduce-clutter\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/01\\\/DisplaceIcon-2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/01\\\/DisplaceIcon-2.jpg\",\"width\":377,\"height\":283,\"caption\":\"Displace Marker Icon\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/\",\"name\":\"ZeeMaps Blog\",\"description\":\"News and tips for map maker -- ZeeMaps\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#organization\",\"name\":\"ZeeMaps\",\"url\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/logo.png\",\"width\":150,\"height\":40,\"caption\":\"ZeeMaps\"},\"image\":{\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/zeemaps\\\/?eid=ARAnw5BHDEcPHqlBzf_tUU6RxgnuKkzgzT5s5QMgIRYMwX0SqumGMVw2js5zh-5w0hMXyIK_SJuSQ3aN\",\"https:\\\/\\\/x.com\\\/zeemaps\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/#\\\/schema\\\/person\\\/01ec07516b57be99c58bb304e3f62cdd\",\"name\":\"zeemaps\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d823061c30eb63d873dfbdd7c7cc5b7c6a4a5644c2e18512b220362f37e66ad8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d823061c30eb63d873dfbdd7c7cc5b7c6a4a5644c2e18512b220362f37e66ad8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d823061c30eb63d873dfbdd7c7cc5b7c6a4a5644c2e18512b220362f37e66ad8?s=96&d=mm&r=g\",\"caption\":\"zeemaps\"},\"url\":\"https:\\\/\\\/www.zeemaps.com\\\/blog\\\/author\\\/zeemaps\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Displace Markers to Un-clutter Map","description":"ZeeMaps supports the option to displace markers from their location to un-clutter map display, or show overlapping markers.","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\/blog\/displace-markers-to-reduce-clutter\/","og_locale":"en_US","og_type":"article","og_title":"Displace Markers to reduce clutter","og_description":"ZeeMaps supports the option to displace markers from their location to un-clutter map display, or show overlapping markers.","og_url":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/zeemaps\/?eid=ARAnw5BHDEcPHqlBzf_tUU6RxgnuKkzgzT5s5QMgIRYMwX0SqumGMVw2js5zh-5w0hMXyIK_SJuSQ3aN","article_published_time":"2014-02-02T19:51:43+00:00","og_image":[{"url":"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2014\/01\/DisplaceIcon-2.jpg","type":"","width":"","height":""}],"author":"zeemaps","twitter_card":"summary_large_image","twitter_creator":"@zeemaps","twitter_site":"@zeemaps","twitter_misc":{"Written by":"zeemaps","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/#article","isPartOf":{"@id":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/"},"author":{"name":"zeemaps","@id":"https:\/\/www.zeemaps.com\/blog\/#\/schema\/person\/01ec07516b57be99c58bb304e3f62cdd"},"headline":"Displace Markers to reduce clutter","datePublished":"2014-02-02T19:51:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/"},"wordCount":233,"commentCount":0,"publisher":{"@id":"https:\/\/www.zeemaps.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2014\/01\/DisplaceIcon-2.jpg","articleSection":["Add markers","Edit Markers","Map Display","Map Images"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/","url":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/","name":"Displace Markers to Un-clutter Map","isPartOf":{"@id":"https:\/\/www.zeemaps.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/#primaryimage"},"image":{"@id":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2014\/01\/DisplaceIcon-2.jpg","datePublished":"2014-02-02T19:51:43+00:00","description":"ZeeMaps supports the option to displace markers from their location to un-clutter map display, or show overlapping markers.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zeemaps.com\/blog\/displace-markers-to-reduce-clutter\/#primaryimage","url":"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2014\/01\/DisplaceIcon-2.jpg","contentUrl":"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2014\/01\/DisplaceIcon-2.jpg","width":377,"height":283,"caption":"Displace Marker Icon"},{"@type":"WebSite","@id":"https:\/\/www.zeemaps.com\/blog\/#website","url":"https:\/\/www.zeemaps.com\/blog\/","name":"ZeeMaps Blog","description":"News and tips for map maker -- ZeeMaps","publisher":{"@id":"https:\/\/www.zeemaps.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.zeemaps.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.zeemaps.com\/blog\/#organization","name":"ZeeMaps","url":"https:\/\/www.zeemaps.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zeemaps.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2020\/08\/logo.png","contentUrl":"https:\/\/www.zeemaps.com\/blog\/wp-content\/uploads\/2020\/08\/logo.png","width":150,"height":40,"caption":"ZeeMaps"},"image":{"@id":"https:\/\/www.zeemaps.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/zeemaps\/?eid=ARAnw5BHDEcPHqlBzf_tUU6RxgnuKkzgzT5s5QMgIRYMwX0SqumGMVw2js5zh-5w0hMXyIK_SJuSQ3aN","https:\/\/x.com\/zeemaps"]},{"@type":"Person","@id":"https:\/\/www.zeemaps.com\/blog\/#\/schema\/person\/01ec07516b57be99c58bb304e3f62cdd","name":"zeemaps","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d823061c30eb63d873dfbdd7c7cc5b7c6a4a5644c2e18512b220362f37e66ad8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d823061c30eb63d873dfbdd7c7cc5b7c6a4a5644c2e18512b220362f37e66ad8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d823061c30eb63d873dfbdd7c7cc5b7c6a4a5644c2e18512b220362f37e66ad8?s=96&d=mm&r=g","caption":"zeemaps"},"url":"https:\/\/www.zeemaps.com\/blog\/author\/zeemaps\/"}]}},"modified_by":"zeemaps","_links":{"self":[{"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/posts\/657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/comments?post=657"}],"version-history":[{"count":1,"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/posts\/657\/revisions"}],"predecessor-version":[{"id":1983,"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/posts\/657\/revisions\/1983"}],"wp:attachment":[{"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/media?parent=657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/categories?post=657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zeemaps.com\/blog\/wp-json\/wp\/v2\/tags?post=657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}