How to integrate multiple tile outputs generated from gdal2tiles into single google map?

Question

Todo

1. Generated tiles from image1.tif - done
2. Generated tiles from image2.tif - done
3. Need to overlay these 2 sets of tiles on top of google maps - this is the problem

gdal2tiles generated ready-made HTML that plotted those generated tiles but since it came from 2 different image files, it also generated 2 ready-made HTMLs.

How do I integrate those multiple tile outputs generated from gdal2tiles into a single google map?

Answer 1

You have three options:

• Combine your images into a single VRT, run it through gdal2tiles, and then display it on your map. In this scenario, you would have to pick which raster is top and which is botton and GDAL would merge the two sets together at tile-time. The easiest solution.
• Modify some Javascript to treat the two tilesets as discrete layers loaded from their file directories into your google maps viewer. This is the hardest solution, especially since the ready-made HTML from gdal2tiles is using file:/// handles instead of web services.
• Expose your two tilesets as a web service and give them to your google maps viewer as two service layers. This is essentially the same as the above suggestion, however it will work without modifying any Javascript. This isn't difficult but you have to provision server resources.