Program MakeMap

Index Home


This program can generate a Google Earth kml-file to show the photo locations of a photo album made with the jAlbum program. It is also possible to generate a Google Maps web-page to show these locations. By clicking on the way-points on the map, a thumbnail of the picture exposed on that place is showed. If you click on the thumbnail or the link below the thumbnail, the corresponding slide page will be opened.

You can download this free program from the software download page of my website.

The current version can make Maps for albums made with the FancyBox Skin, the PhotoSwipe Skin, the Slide Show 4 skin, Turtle skin (only if check-box 'Make slide pages' on the jAlbum Pages settings is cleared) and the Tiger skin. On request I can extend this program for other skins, but only for skins generating responsive single-page albums and GPS locations support.

Prerequisite for the generation of a map is that your pictures contain GPS information and you enabled the location display on a slide page.

View an example of a generated map with Google Maps or Google Earth. These maps show also the tracks generated by a GPS. These tracks are added via the Google Earth program after the conversion of the gpx-tracklog file to a kml-file with my program ConvertTrack.

You should make a link to this map from the index page as you see here for the PhotoSwipe skin or here for the Tiger skin. With The Turtle skin you can do that with the Custom link on the Site tab, with The Tiger skin with the Custom link on the Footer tab and with the PhotoSwipe and Slide Show 4 skin you can enter the link on the Links tab.

This program is based on the same function as available in my EditPhotoInfo program, but in this implementation is the GPS information fetched from the html or js file generated by jAlbum, so with jAlbum version 14 it can also be used with original DNG and TIFF files.

The EditPhotoInfo program fetches the GPS information from the original JPEG images in the jAlbum image directory and it has more functions like the geotagging of the pictures with a GPS tracklog file.

For more information see also my note How to add a map to a Slide Show 4 , a FancyBox or a PhotoSwipe album.

The Main window

After you started program MakeMap and made a map you see the next window: :


You should first make the album and next generate the map. Program MakeMap fetches the required information from the html and/or js files generated by jAlbum.

You see above the state of the program after the 'Make Map' button is pressed, but before you can do that, you should first enter the correct information in the 'Local and Server site fields 'Local root directory' and 'External URL' and you should select the skin you use in the upper left combo box. It is also recommended to get a Google API key and enter the value in the corresponding field. The entered values are automatically saved for use a next time.

The combo-box 'Map type' allows you to choose the map type to be used in Google Maps..

The information in the panel 'Local and Server site' is used to create the kml-file. The 'Local map' is the folder on your PC with the start file of your web site (e,g. your Home index.html file). Use the Browse button to select this folder. The 'External URL:' is the Internet address of the corresponding folder on the server.
See also the example in the screen-shot above: compare the contents of the 'Local root directory' text-box and the 'External URL' text-box with the local ()'Created:') filename and remote ('Uploaded:') URL on the server of the created map.kml file as shown in the lower information panel.

If all required fields are filled and no warning is displayed in the lower information panel. you select an image in the output slides directory (or output root directory in case you selected 'Link to originals') with the button 'Select slide image ...'. The program shows the number of detected images and the number of these images with GPS data in the top panel. If there are images found with with GPS data, the 'Make Map' button will be enabled and a map is made if you click that button.

So, if after the selection of a slide image, the 'Make Map' button is not enabled, that could be caused by:

  1. The original pictures did not contain GPS data.
  2. Check-box 'Include Photographic data in generated pages' was not set on the jAlbum Advanced / Metadata tab.
  3. Show location on the slide page was not selected in the skin parameters.
  4. The images in the slide directory were not made by the currently selected skin in the top panel, so the GPS data can't be found by program MakeMap.

If a correct map is generated after clicking the 'Make Map' button, a Google Earth kml-file is generated in the jAlbum output directory and the next button 'Show Waypoints in Google Earth' will be enabled, which makes it possible to view the map with the Google Earth program, which of course should have been installed on your PC.

The 'Open output directory' button is also enabled and in the lower information window you see which files are created and where they should be uploaded.

The 'Waypoint thumbnails' panel allows you to set the properties of the picture shown in a waypoint window in program Google Earth:


The pop-up window is shown if you click on a waypoint (camera icon). The waypoint indicates where the picture is recorded.

Notice that the generated kml-file is showed in the left 'Places' panel of the Google Earth program. You could add there the GPS track kml- file (Vechtdal in this example) and save the combined result again as file map.kml in the jAlbum output directory. You can convert a gpx-file made by a GPS to a km-file with my program ConvertTrack, but it is also possible to open a gpx-file in the Google Earth program and add this as a 'GPS Device'.

If you create a Google Earth kml-file with the waypoints, you can also automatically create a web page GoogleMap.html file in the output directory to show the contents of the kml-file in the browser, if you set check-mark 'Make Google Maps web-page'. In that case after the creation of a map the 'Show Waypoints in Google Maps' will be enabled to view the map with your browser on the Google Maps site:

Googl Maps waypoints

However you will see this page only with an unrestricted Google API key which can be used locally (mostly not allowed, in which case you see an error message) and you will see only waypoints after you have uploaded the kml-file to your web server.

This web page contains two buttons in the upper rigth corner, the upper red button with the cross is used to return to the photo album and the lower button with the globe is used to show the kml-file with program Google Earth. Set check-mark 'Back button closes window', if the Google Maps page is opened in a new window else clear this check-mark.

The final step is that you add in the generated album a link to the kml-file and/or GoogleMap.html file in the output directory and upload these two files with the rest of the album to the server.

Changes in new versions

Version 1.0.0 (April 24, 2017)

First version of this program created with Visual Studio 2017.

Version 1.0.4 (April 26, 2017)

Problem with spaces in a slide image file name solved.

Help file link corrected.

There was a problem if the slides directory did contain more images as generated by jAlbum (old obsolete images not deleted).

An error message is now given if the slide selected in the slide directory has not been made with the currently selected skin.

The two view map buttons are now disabled if the 'Select a slide image ...' button is clicked.

Version 1.0.5 (April 30, 2017)

It is now also possible to use this program for albums made with Image linking type 'Link to originals'.

Version 1.1.0 (September 21, 2017)

The Fullscreen button, which was partly visible under the close button, has been removed.

You can use this program now too for the Tiger skin.

Two bugs removed.

Version 1.1.2 (July 8, 2018)

You can use this program now too for the FancyBox skin.

Version 1.2.0 (September 28, 2020)

New button 'Open output directory' to open the folder where the map.kml file is saved.

Warning and status message panel added.

Version 1.3.0 (July 4, 2021)

For use in jAlbum version 24 is now webp support added.

Version 1.4.0 (October 18, 2021)

Adapted for the PhotoSwipe skin version 5

Version 1.5.0 (May 20, 2022)

Tiger code improved and images do have now a https: prefix.




Installation of the program

This version of the program requires the Microsoft. NET Framework 4.0 or later version installed on your PC. That is default installed under Windows 10. This program is only tested under Windows 10, there is no support for older Windows versions.

To install the program you go to the download page of the author and you open the tab that says 'EditPhotoInfo' Then click 'Open the install page' and if the new page is visible, click the button 'Install'. Follow the instructions on the screen.

On my blog the installation is described in detail and there are images of all windows that you may encounter.

License and Support

Copyright © 2017=2022 André Wolff. For this program, you do not need a license for non-commercial personal use, but for commercial use, you need permission from the author.

Issues with the software or having any suggestions or comments can only be registered through a e-mail to the author . The author is not obliged to respond or the software to modify or improve, but he will possibly do.

New versions of the software will in principle only on the download page of the author made available. Information about new releases you can also find on my blog .

This program is programmed in VB.NET with Visual Studio Community 2022.

Copyright © 2017-2022 André Wolff.