Rebuild / cache google map with tiles for personal offline use

Question

im going to drive my car to some inhabited place where there is no internet and without a good map. It would be dangerous. I would like to have a google map with me all the time, but problem = it is not cached.

So I need to put this graphic tile on my laptop and maybe use iphone / laptop to view it.

I started by loading some map fragments into harddrive with my own file name, for example:

gmap_z12_x234_y434.png is the zoom level of the google 12 map, x = 234 y = 434, 256x256 pixels.

I also roughly designed the Mercator map projection . (i.e. given the GPS coordinate of the GPS, I know which tile and its neighbor is for the pickup)

Question (javascript + HTML + css): How to restore the presentation of a web page? which may have features like google maps? (zoom in / out, drag and drop, pan ...)
Should I make my own js, html and css? do openlayers support this? Did others do this before?

The answer to any question will be very useful for me, thanks in advance!

Answer 1

Google Maps license terms prohibit local caching. I would recommend openstreetmap.org as an alternative, and in particular the iPhone oMaps application, if you have such a device. It has excellent offline support.