CODEWITHSUNDEEP
javascriptgoogle-mapsbrowserbing-mapsoffline
HQXU85
HQXU85

Reputation: 163

Is it possible to save Google/Bing Map in browser's cache?

My current website project needs to enable users to view offline Google/Bing Maps. I'm using Google Map now but it needs to be connected to the Internet each time you open the webpage so that you can see the map. In offline mode, you'll see nothing on the map. The reason I guess is the follows:

  <script src="http://maps.google.com/maps/api/js?sensor=false"></script>

Because each time the webpage initializes, the browser tries to visit the above library link. I know that an Android app can store a portion of Google Map to the local file system, and guess an iOS app would probably also be able to do so. However, when it comes to website, is it possible to store a portion of Google/Bing Map in the browser's cache?

Upvotes: 0

Views: 1652

Answers (1)

foiseworth
foiseworth

Reputation: 991

You're unlikely to be able to achieve this with Google or Bing maps. The major issue being that when a user zooms in/out, different images are loaded in dynamically.

I'd therefore backtrack and say 'Why do I need to use Google Maps?':

a) because I want to indicate the location of something on a map

Use an image instead

b) I want to allow my user to zoom in on the map and interact with it

There are a number of mapping solutions that allow you to use your own SVG maps (or maps from Wikipedia) e.g. http://jqvmap.com/

You can host all of the assets and thus this can work offline via App Cache/Manifest.

Upvotes: 1

Related Questions