How can I use the HTML5 Cache manifest with the Google Maps Javascript API V3 for a faster experience

I am currently developing a mobile application using html5 + phonegap and everything works well. The only problem I am facing is that scrolling the card over the phone screen saver made the native application sluggishly and slowly, scaling the card is also quite slow. Is there a way to increase the map rendering speed / tile loading using the html5 manifest file and / or cache?

I read and saw something about using a cache manifest to deal with these quirks? I did not find good documentation in it, so I decided that I would ask here?

Any help in speeding up map loading is much appreciated!

+3
source share
1 answer

Try putting JavaScript files in Google Maps in the cache manifest file. let's say your file source

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.3&libraries=geometry&sensor=true"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>  

Put the original values ​​of your Google map in the cache manifest file, and then check the application again, this can help you scale the map faster. enter image description here

Put your own api that you used.

+2
source

All Articles