Here's a simplified version with comments: http://search.missouristate.edu/map/mobile/examples/bestpractices.aspx
Chad Killingsworth On May 12, 10:53 am, Jack Berberette <[email protected]> wrote: > Hi Chad, > > I was looking at your code and am trying to figure out the DOMContentLoaded > piece. My map is very simple so I couldn't figure out how to implement this > based on my code athttp://www.gamecarver.com/viperapp.html. I looked at > your source but couldn't follow very well....kind of over my head. > > I also fixed the DIV tags based on the article you sent (BIG thanks for > that:) and I used the Closure Compiler mentioned on your blog. That link is > here:http://www.gamecarver.com/vipercss.html > > Thanks, > > Jack > > > > > > On Wed, May 12, 2010 at 11:02 AM, Jack Berberette <[email protected]> wrote: > > Thanks so much Chad! I'm fixing the <div>s now....I was wondering how to > > do that :) > > > I'm also going to go step by step and implement your suggestions...thanks > > for taking the time to help me :) > > > I'll definitely checkout PageSpeed too!! > > > I'll keep ya up to date as I make progress....thanks again! > > > Jack > > > On Wed, May 12, 2010 at 10:34 AM, Chad Killingsworth < > > [email protected]> wrote: > > >> Oh and one more thing: learn to use and love Google Page Speed (http:// > >> code.google.com/speed/page-speed/). > > >> Chad Killingsworth > > >> On May 12, 9:25 am, Chad Killingsworth > >> <[email protected]> wrote: > >> > It really depends on what your goals are. My goal is to present the > >> > user with an interface as fast as possible and then progressively add > >> > functionality. With that in mind, here's some suggestions: > > >> > 1) Dynamically add the maps API on the DOMContentLoaded event. In this > >> > way, your basic HTML elements will show up first. You'll need to add a > >> > callback parameter to the maps api script source in order to call your > >> > initialization function. > > >> > 2) In your initialize function, initialize the map only. Don't add any > >> > layers. Attach an event callback to the "tiles_loaded" event of the > >> > map to further customize it (use the addListenerOnce method). > > >> > 3) In your tiles_loaded callback, add your custom layers. Also move > >> > your geolocation code here as well. Currently, the map isn't loading > >> > until the location data comes back - and that's SLOW. > > >> > 4) Implement the offline storage mentioned here: > >>http://googlecode.blogspot.com/2010/04/google-apis-html5-new-era-of-m... > >> > - it makes a big difference for return visitors. There are a couple of > >> > gotcha's with this though. Realize that EVERY resource/url you access > >> > must be specified in the manifest file in some way. > > >> > One more suggestion not related to speed; use this technique to set > >> > the map size: > >>http://www.alistapart.com/articles/conflictingabsolutepositions/ > >> > In this way your map will always be 100% of the screen size (even on > >> > rotation) and still leave room for your header and footer. > > >> > You can see an example of all of these techniques athttp:// > >> search.missouristate.edu/map/mobile/ > > >> > Chad Killingsworth > > >> > On May 12, 8:48 am, Jack Berberette <[email protected]> wrote: > > >> > > Hello Everyone, > > >> > > Is it possible to pre-load or somehow speed up the layers being called > >> into > >> > > the map? With the AWESOME peoepl from this group, I have my map up > >> and > >> > > running and am now bringing it in to an iPhone app. It loads in the > >> iPhone > >> > > but very slowly. > > >> > > I have used Closure Compiler here: > >>http://www.gamecarver.com/compressed.htmlandthatseemedto help a > >> > > little > > >> > > Here's the main map file:http://www.gamecarver.com/viperapp.html > > >> > > Thanks, > > >> > > Jack > > >> > > -- > >> > > You received this message because you are subscribed to the Google > >> Groups "Google Maps JavaScript API v3" group. > >> > > To post to this group, send email to > >> [email protected]. > >> > > To unsubscribe from this group, send email to > >> [email protected]<google-maps-js-api-v3%2B > >> [email protected]> > >> . > >> > > For more options, visit this group athttp:// > >> groups.google.com/group/google-maps-js-api-v3?hl=en. > > >> > -- > >> > You received this message because you are subscribed to the Google > >> Groups "Google Maps JavaScript API v3" group. > >> > To post to this group, send email to > >> [email protected]. > >> > To unsubscribe from this group, send email to > >> [email protected]<google-maps-js-api-v3%2B > >> [email protected]> > >> . > >> > For more options, visit this group athttp:// > >> groups.google.com/group/google-maps-js-api-v3?hl=en. > > >> -- > >> You received this message because you are subscribed to the Google Groups > >> "Google Maps JavaScript API v3" group. > >> To post to this group, send email to > >> [email protected]. > >> To unsubscribe from this group, send email to > >> [email protected]<google-maps-js-api-v3%2B > >> [email protected]> > >> . > >> For more options, visit this group at > >>http://groups.google.com/group/google-maps-js-api-v3?hl=en. > > > PR: wait... I: wait... L: wait... LD: wait... I: wait... wait... > > Rank: > > wait... Traffic: wait... Price: wait... C: wait... > > PR: wait... I: wait... L: wait... LD: wait... I: wait... wait... Rank: > wait... Traffic: wait... Price: wait... C: wait... > PR: wait... <javascript:{}> I: wait... <javascript:{}> L: > wait...<javascript:{}> LD: > wait... <javascript:{}> I: wait... <javascript:{}>wait... <javascript:{}> > Rank: > wait... <javascript:{}> Traffic: wait... <javascript:{}> Price: > wait...<javascript:{}> C: > wait... <javascript:{}> > > -- > You received this message because you are subscribed to the Google Groups > "Google Maps JavaScript API v3" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group > athttp://groups.google.com/group/google-maps-js-api-v3?hl=en. -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
