Photo Info/Map Overlay

Allen

I've added text to the Photo Info/Map Overlay box so some of my visitors have clue how to use it,
especially when it show "NO MAP DATA". Seems to work in FF, IE and Chrome, at least latest versions.
If no photos in gallery have map data nothing shows.

"all galleries" CSS

   /* map info */
.sm-map-toggle:before {
  content:"Expand for other photos >> ";
  font-size:90% !important;
  color:yellow;
  position:relative;
  top:-5px;
}

.sm-imageinfo-expanded .sm-map-toggle:before {
  content:"Minimize >> ";
}

.leaflet-control-layers-toggle:before {
  content:"Aerial toggle";
  font-size: 90%;
  font-weight:bold;
}

.sm-browser-firefox .leaflet-control-layers-toggle:before {
  font-size: 45%;
}
   /* hides under laying menu */
.leaflet-control-layers-toggle .sm-fonticon-Menu {
   display: none;
}

See it in action here: See next photo for "NO MAP DATA" example.
http://www.photosbyat.com/Birds/2015-Birding/Birding-2015-January/2015-01-03-Ivory-Gull/i-LHpvRvD
Would be interested if this works in all cases.

Lille Ulven

Hi Allen.

This looks like cool stuff
There is one tiny thing though: when you expand the info box you'll see a map of where the photo is taken even if it is the photo that has no geo-information. (Looks like it is the map from the previous photo with geo-information)
In the minimized view the overlay with the "No Map data" works perfectly.

I have tested your site on a Mac with Firefox and Safari - with the same results.

Best regards

Lille Ulven

Allen

When the map box is expanded all tagged photos in the gallery will show. This is the whole point, visitors can now see
tagged photos without having to look at every photo to find a tagged one. The text is just a visual indicator of how
things work. In legacy the "Map This" button did the same.

I do not tag every photo, just some that represent the area of the gallery photos.

Lille Ulven

OK ;-)
I never tested the map-feature that far to be honest. But learning new stuff is always great. I must admit I liked your code-idea so good that I copied it onto my page as well.