Getting started.

There are 2 main scenarios:

For more information, please refer to the examples.

Several examples are provided to show the variants:

example description
demo1 show map, markers and photos.
demo2 show map, markers, photos and route of straight lines.
demo3 show map, markers, photos and GPX-route.
demo4 show map, markers, photos, GPX-route, hide-home location.
demo5 show map, click marker to see photo.
demo6 as demo3 but get comment from the exif in the photos.

note:
examples 1,2,3,4 have a layout suitable for up to 6 photos.
example5 layout was designed to cope with more photos.

Beware:

When you try to open index.html on your local system with a file browser like firefox it ignores gpx and does not show the track or markers. There is no error message but open the web developper tools and see:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:

Long story short: here is a workaround:
in the directory start python -m http.server
Start Firefox and look at http://127.0.0.1:8000

Henk Speksnijder 20210527