Wednesday, February 09, 2005

Call me a geek

... but this is the stuff I love reading. It analyzes how Google Maps use DHTML on the client side to create their slick user interface, that even non-geeks would dig (the UI, not the technical details).

For those to whom the implementation is less than obvious, here's a quick breakdown. The top and side bars are (more or less) simply HTML. The center pane with the map, however, is a different beast. First, let's address the map itself. It is broken up into a grid of 128x128 images (basically like an old tile-based scrolling console game). The dragging code is nothing new, but the cool trick here is that each of these images is absolutely positioned -- and the 'infinite' scrolling effect is achieved by picking up tiles that are off-screen on one end and placing them down on the other end. The effect is kind of like laying track for a train by picking up track from behind it.


1 Comments:

Track comments(item)
Blogger abbyladybug said...

You are a geek! :P

4:59 AM  

Post a Comment

<< Home

1 Comments:

Blogger abbyladybug said...

You are a geek! :P

4:59 AM  

Post a Comment

<< Home