diff --git a/js/id/renderer/mapillary_image_layer.js b/js/id/renderer/mapillary_image_layer.js
index ee5876e15..60571c32f 100644
--- a/js/id/renderer/mapillary_image_layer.js
+++ b/js/id/renderer/mapillary_image_layer.js
@@ -115,12 +115,13 @@ iD.MapillaryImageLayer = function(context) {
             .append('svg')
             .style('display', enabled ? 'block' : 'none')
             .on('click', function() {   // deselect/select
-                var imageKey = d3.event.target.__data__.key;
-                if (imageKey === mapillary.selectedThumbnail()) {
+                var image = d3.event.target.__data__;
+                if (image.key === mapillary.selectedThumbnail()) {
                     hideThumbnail();
                 } else {
-                    mapillary.selectedThumbnail(imageKey);
-                    showThumbnail(imageKey);
+                    mapillary.selectedThumbnail(image.key);
+                    context.map().centerEase(image.loc);
+                    showThumbnail(image.key);
                 }
             })
             .on('mouseover', function() {
diff --git a/js/id/renderer/mapillary_sign_layer.js b/js/id/renderer/mapillary_sign_layer.js
index 50197f3d6..52b649bc5 100644
--- a/js/id/renderer/mapillary_sign_layer.js
+++ b/js/id/renderer/mapillary_sign_layer.js
@@ -80,6 +80,7 @@ iD.MapillarySignLayer = function(context) {
                     hideThumbnail();
                 } else {
                     mapillary.selectedThumbnail(d.key);
+                    context.map().centerEase(d.loc);
                     showThumbnail(d.key);
                 }
             })